diff --git a/assets/js/src/storybook_demo/_stories/button.js b/assets/js/src/storybook_demo/_stories/button.js
new file mode 100644
index 0000000000..6bcfa21466
--- /dev/null
+++ b/assets/js/src/storybook_demo/_stories/button.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+
+export const Emoji = () => (
+  <Button onClick={action('clicked')}>
+    <span role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </span>
+  </Button>
+);
diff --git a/assets/js/src/storybook_demo/_stories/welcome.js b/assets/js/src/storybook_demo/_stories/welcome.js
new file mode 100644
index 0000000000..c76f45f3b4
--- /dev/null
+++ b/assets/js/src/storybook_demo/_stories/welcome.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { linkTo } from '@storybook/addon-links';
+import { Welcome } from '@storybook/react/demo';
+
+export default {
+  title: 'Welcome',
+  component: Welcome,
+};
+
+export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
+
+ToStorybook.story = {
+  name: 'to Storybook',
+};