about summary refs log tree commit diff
path: root/storybook/stories
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-10-12 12:08:57 +0200
committerEugen Rochko <eugen@zeonfederated.com>2016-10-12 12:08:57 +0200
commitffaba617d219b688f84b63b27cd35528eaa2bcff (patch)
treee8df2d7353fc6240262c0b9ea731f0201cfb0352 /storybook/stories
parent8d8ef18bb6ae119c6962c1e19c2026908776c7c7 (diff)
parent4eeb7947bd9209ec137a032cf66c47041c27c07e (diff)
Merge in react-storybook, add yarn lockfile
Diffstat (limited to 'storybook/stories')
-rw-r--r--storybook/stories/button.story.jsx15
-rw-r--r--storybook/stories/loading_indicator.story.jsx6
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 />
+  ));