GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity
storybook/examples/standalone-preview
History
Gaëtan Maisse 814807d361
Use react and react-dom 16.13.1 as 16.14.0 looks to cause trouble with examples/official-storybook 
Example:
ERR! SyntaxError: /tmp/storybook/examples/official-storybook/stories/notes/notes.md: pragma and pragmaFrag cannot be set when runtime is automatic.
2020-11-02 08:09:18 +01:00
..
stories
Port standalone example to CSF
2019-12-23 14:42:01 +08:00
.babelrc.js
Add standalone preview example w/ instructions
2019-07-01 12:22:55 +08:00
package.json
Use react and react-dom 16.13.1 as 16.14.0 looks to cause trouble with examples/official-storybook
2020-11-02 08:09:18 +01:00
README.md
Clarify README per #10081
2020-03-10 20:02:18 +08:00
storybook.html
Cleanup standalone CSF
2019-12-23 14:43:15 +08:00
storybook.ts
Cleanup standalone CSF
2019-12-23 14:43:15 +08:00

README.md

Standalone Preview

This project demonstrates a preview running in standalone mode using parcel.

To run the standalone preview:

yarn storybook

This starts a parcel dev server on port 1337.

To view the stories in the storybook UI:

cd ../official-storybook
npm storybook -- --preview-url=http://localhost:1337/iframe.html # or yarn

This runs the Storybook dev server, but instead of showing official-storybook's stories, it attaches to the parcel dev server, lists its stories in the navigation, and shows its stories in the preview iframe.

NOTE: This can be run from any working storybook, not just official-storybook!