diff options
Diffstat (limited to 'storybook/stories')
| -rw-r--r-- | storybook/stories/button.story.jsx | 15 | ||||
| -rw-r--r-- | storybook/stories/loading_indicator.story.jsx | 6 |
2 files changed, 21 insertions, 0 deletions
diff --git a/storybook/stories/button.story.jsx b/storybook/stories/button.story.jsx new file mode 100644 index 000000000..fe6d57ad0 --- /dev/null +++ b/storybook/stories/button.story.jsx @@ -0,0 +1,15 @@ +import Button from '../../app/assets/javascripts/components/components/button.jsx' + +storiesOf('Button', module) + .add('default state', () => ( + <Button text="submit" onClick={action('clicked')} /> + )) + .add('secondary', () => ( + <Button secondary text="submit" onClick={action('clicked')} /> + )) + .add('disabled', () => ( + <Button disabled text="submit" onClick={action('clicked')} /> + )) + .add('block', () => ( + <Button block text="submit" onClick={action('clicked')} /> + )); 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 /> + )); |