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 material-ui logocreate react app logostorybook logoreact-theming logo @@ -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: '