about summary refs log tree commit diff
path: root/storybook
diff options
context:
space:
mode:
authorKai Schaper <303@posteo.de>2016-10-11 03:21:06 +0200
committerKai Schaper <303@posteo.de>2016-10-11 20:19:03 +0200
commit71e7537330596adbaa5521c0515e03f701ec7ef9 (patch)
tree0cbcba59f67c6c0733704b1e02f7bb1c0d14ad1e /storybook
parent77efdfa1104a77061f014bbc84268028597620cb (diff)
setup React Storybook; add example story for LoadingIndicator component
Diffstat (limited to 'storybook')
-rw-r--r--storybook/config.js14
-rw-r--r--storybook/stories/loading_indicator.story.jsx6
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 />
+  ));