diff --git a/README.md b/README.md
index 55c3e3e..470a520 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+[![Storybook](https://raw.githubusercontent.com/storybookjs/storybook-addon-console/master/docs/storybook.svg?sanitize=true)](https://react-theming.github.io/theming-material-ui/)
# Material UI & CRA & Storybook Example
@@ -12,3 +13,8 @@ yarn
yarn storybook
```
+
+[Demo](https://react-theming.github.io/theming-material-ui/)
+
+![screenshot](doc/screenshot.png)
+
diff --git a/doc/screenshot.png b/doc/screenshot.png
new file mode 100644
index 0000000..250f093
Binary files /dev/null and b/doc/screenshot.png differ
diff --git a/package.json b/package.json
index 8b4a7f0..f0464fa 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
"test": "react-scripts test",
"eject": "react-scripts eject",
"storybook": "start-storybook -p 9009 -s public",
- "build-storybook": "build-storybook -s public"
+ "build-storybook": "build-storybook -s public",
+ "deploy-storybook": "storybook-to-ghpages"
},
"dependencies": {
"@material-ui/core": "latest",
@@ -36,6 +37,7 @@
"@storybook/addon-links": "^5.3.18",
"@storybook/addons": "^5.3.18",
"@storybook/preset-create-react-app": "^2.1.1",
- "@storybook/react": "^5.3.18"
+ "@storybook/react": "^5.3.18",
+ "@storybook/storybook-deployer": "^2.8.5"
}
}
diff --git a/src/stories/components.stories.js b/src/stories/components.stories.js
index 7592702..6a4f97f 100644
--- a/src/stories/components.stories.js
+++ b/src/stories/components.stories.js
@@ -13,7 +13,7 @@ const providerFn = ({ theme, children }) => {
};
export default {
- title: '