Merge in react-storybook, add yarn lockfile

storybook/config.js

@@ -0,0 +1,16 @@
+import { configure } from '@kadira/storybook';
+import React from 'react';
+import { storiesOf, action } from '@kadira/storybook';
+
+import './storybook.css'
+
+window.storiesOf = storiesOf;
+window.action    = action;
+window.React     = React;
+
+function loadStories () {
+  require('./stories/loading_indicator.story.jsx');
+  require('./stories/button.story.jsx');
+}
+
+configure(loadStories, module);

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')} />
+  ));

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 />
+  ));

storybook/storybook.css

@@ -0,0 +1,3 @@
+#root {
+  padding: 4rem;
+}