diff --git a/.storybook/config.js b/.storybook/config.js
new file mode 100644
index 0000000..6a93fec
--- /dev/null
+++ b/.storybook/config.js
@@ -0,0 +1,3 @@
+import { configure } from '@storybook/react';
+
+configure(require.context('../src', true, /\.stories\.js$/), module);
\ No newline at end of file
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
new file mode 100644
index 0000000..1e9f7f2
--- /dev/null
+++ b/.storybook/webpack.config.js
@@ -0,0 +1,13 @@
+const path = require('path');
+
+module.exports = {
+ module: {
+ rules: [
+ {
+ test: /\.less$/,
+ use: ['style-loader', 'css-loader', 'less-loader'],
+ include: path.resolve(__dirname, '../'),
+ },
+ ],
+ },
+};
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 29eed43..0c89eea 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 1.5.4 - Nov 2019
+
+***(Enhancement)*** Replaced example application with Storybook
+
# 1.5.3 - Nov 2019
***(Enhancement)*** Only call preventDefault in mousedown handler when the target is an img element
diff --git a/example.js b/example.js
deleted file mode 100644
index 00e4bc5..0000000
--- a/example.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { Component } from 'react';
-import { render } from 'react-dom';
-import Carousel from './src/index.js';
-require('./src/carousel.less');
-
-class CustomDots extends React.Component {
- render () {
- const { numSlides, selectedIndex, goToSlide } = this.props;
- const dots = [];
-
- for (let index = 0; index < numSlides; index++) {
- const buttonStyle = {
- border: 'none',
- cursor: 'pointer',
- background: 'transparent'
- };
-
- if (index === selectedIndex) {
- buttonStyle.color = 'red';
- }
-
- dots.push(
-
-
-
- );
- }
-
- return (
-
-
{ this.props.title }
-
-
);
-
- return (
-
-
Infinite with cell padding
-
- { imgElements }
-
-
Non-Infinite with cell padding
-
- { imgElements }
-
-
Fade transition
-
- { imgElements }
-
-
Infinite with only 2 slides
-
- 
- 
-
-
Infinite with only 1 slide
-
-
-
-
Autoplay with background images
-
-
-
-
-
-
-
Background images with fade
-
-
-
-
-
-
-
-
-
-
Custom dots component
-
- { imgElements }
-
-
Add images
-
- {
- images.map((image, index) => )
- }
-
-
-