diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index 3f67f73c8cfe..36819a46d34a 100644
--- 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
index 302bfe485f64..834cd2e00ca0 100644
--- a/examples/standalone-preview/storybook.html
+++ b/examples/standalone-preview/storybook.html
@@ -8,6 +8,7 @@
diff --git a/examples/standalone-preview/storybook.ts b/examples/standalone-preview/storybook.ts
index 6480e83e1f2d..b218ec5b6f50 100644
--- 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/package.json b/package.json
index 300351339be5..2422ec485a73 100644
--- a/package.json
+++ b/package.json
@@ -270,6 +270,42 @@
"webpack-dev-middleware": "^3.7.3",
"window-size": "^1.1.1"
},
+ "dependenciesMeta": {
+ "@compodoc/compodoc": {
+ "built": false
+ },
+ "core-js": {
+ "built": false
+ },
+ "core-js-pure": {
+ "built": false
+ },
+ "ejs": {
+ "built": false
+ },
+ "level": {
+ "built": false
+ },
+ "node-uuid": {
+ "built": false,
+ "unplugged": false
+ },
+ "nodemon": {
+ "built": false
+ },
+ "parcel": {
+ "built": false
+ },
+ "preact": {
+ "built": false
+ },
+ "styled-components": {
+ "built": false
+ },
+ "yorkie": {
+ "built": false
+ }
+ },
"optionalDependencies": {
"@cypress/webpack-preprocessor": "^5.7.0",
"cypress": "6.8.0",
@@ -323,41 +359,5 @@
"Other"
]
]
- },
- "dependenciesMeta": {
- "@compodoc/compodoc": {
- "built": false
- },
- "core-js": {
- "built": false
- },
- "core-js-pure": {
- "built": false
- },
- "ejs": {
- "built": false
- },
- "level": {
- "built": false
- },
- "node-uuid": {
- "built": false,
- "unplugged": false
- },
- "nodemon": {
- "built": false
- },
- "parcel": {
- "built": false
- },
- "preact": {
- "built": false
- },
- "styled-components": {
- "built": false
- },
- "yorkie": {
- "built": false
- }
}
}
diff --git a/yarn.lock b/yarn.lock
index 15fb929546f2..414f52a0dcd3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -39619,6 +39619,7 @@ resolve@1.19.0:
version: 0.0.0-use.local
resolution: "standalone-preview@workspace:examples/standalone-preview"
dependencies:
+ "@storybook/addon-docs": 6.4.0-alpha.11
"@storybook/react": 6.4.0-alpha.11
parcel: ^1.12.4
react: 16.14.0