diff options
author | Kai Schaper <303@posteo.de> | 2016-10-11 03:21:06 +0200 |
---|---|---|
committer | Kai Schaper <303@posteo.de> | 2016-10-11 20:19:03 +0200 |
commit | 71e7537330596adbaa5521c0515e03f701ec7ef9 (patch) | |
tree | 0cbcba59f67c6c0733704b1e02f7bb1c0d14ad1e /storybook | |
parent | 77efdfa1104a77061f014bbc84268028597620cb (diff) |
setup React Storybook; add example story for LoadingIndicator component
Diffstat (limited to 'storybook')
-rw-r--r-- | storybook/config.js | 14 | ||||
-rw-r--r-- | storybook/stories/loading_indicator.story.jsx | 6 |
2 files changed, 20 insertions, 0 deletions
diff --git a/storybook/config.js b/storybook/config.js new file mode 100644 index 000000000..a14e75e0c --- /dev/null +++ b/storybook/config.js @@ -0,0 +1,14 @@ +import { configure } from '@kadira/storybook'; +import React from 'react'; +import { storiesOf, action } from '@kadira/storybook'; + +window.storiesOf = storiesOf; +window.action = action; +window.React = React; + +function loadStories () { + require('./stories/loading_indicator.story.jsx'); + // You can require as many stories as you need. +} + +configure(loadStories, module); diff --git a/storybook/stories/loading_indicator.story.jsx b/storybook/stories/loading_indicator.story.jsx new file mode 100644 index 000000000..d169e4f55 --- /dev/null +++ b/storybook/stories/loading_indicator.story.jsx @@ -0,0 +1,6 @@ +import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx' + +storiesOf('LoadingIndicator', module) + .add('default state', () => ( + <LoadingIndicator /> + )); |