Update DocsPage demo to latest

abue9 · Jul 6, 2021 · 7fc90b0 · 7fc90b0
1 parent 2a11c56
commit 7fc90b0
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 18 deletions.
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
@@ -6,6 +6,7 @@
     "storybook": "parcel ./storybook.html --port 1337"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "6.4.0-alpha.11",
     "@storybook/react": "6.4.0-alpha.11",
     "parcel": "^1.12.4",
     "react": "16.14.0",

diff --git a/examples/standalone-preview/storybook.html b/examples/standalone-preview/storybook.html
@@ -9,7 +9,7 @@
   <body>
     <div id="root"></div>
     <div id="docs-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
@@ -1,5 +1,14 @@
-import { configure } from '@storybook/react';
+import { configure, addParameters } from '@storybook/react';
+import { DocsPage, DocsContainer } from '@storybook/addon-docs';
+
 import * as Comp1 from './stories/Component1.stories';
 import * as Comp2 from './stories/Component2.stories';
 
+addParameters({
+  docs: {
+    page: DocsPage,
+    container: DocsContainer,
+  },
+});
+
 configure(() => [Comp1, Comp2], module);
diff --git a/examples/standalone-preview/storybook.tsx b/examples/standalone-preview/storybook.tsx