Standalone CSF example (#9223)

Standalone CSF example
storybookjs · Dec 24, 2019 · 46e970c · 46e970c · vercel · Dec 24, 2019
2 parents ca22a87 + 6c97588
commit 46e970c
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 11 deletions.
diff --git a/examples/standalone-preview/stories/Component1.stories.tsx b/examples/standalone-preview/stories/Component1.stories.tsx
@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+export default {
+  title: 'Component 1',
+};
+
+export const Story1 = () => <div>Component 1 - Story 1</div>;
diff --git a/examples/standalone-preview/stories/Component2.stories.tsx b/examples/standalone-preview/stories/Component2.stories.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+export default {
+  title: 'Component 2',
+};
+
+export const Story1 = () => <div>Component 2 - Story 1</div>;
+export const Story2 = () => <div>Component 2 - Story 2</div>;
diff --git a/examples/standalone-preview/storybook.html b/examples/standalone-preview/storybook.html
@@ -8,7 +8,7 @@
   </head>
   <body>
     <div id="root"></div>
-    <script src="./storybook.tsx"></script>
+    <script src="./storybook.ts"></script>
     <div class="sb-errordisplay sb-wrapper">
       <div id="error-message" class="sb-heading"></div>
       <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>

diff --git a/examples/standalone-preview/storybook.ts b/examples/standalone-preview/storybook.ts
@@ -0,0 +1,5 @@
+import { configure } from '@storybook/react';
+import * as Comp1 from './stories/Component1.stories';
+import * as Comp2 from './stories/Component2.stories';
+
+configure(() => [Comp1, Comp2], module);
diff --git a/examples/standalone-preview/storybook.tsx b/examples/standalone-preview/storybook.tsx