Skip to content

Instantly share code, notes, and snippets.

@shilman
Last active April 17, 2019 00:15
Show Gist options
  • Save shilman/947a3d1d4cfdf5c3a8bb06d3d4eb84cf to your computer and use it in GitHub Desktop.
Save shilman/947a3d1d4cfdf5c3a8bb06d3d4eb84cf to your computer and use it in GitHub Desktop.
Storybook 3.2-alpha Feedback

Storybook 3.2-alpha Feedback

We're rolling out a few big features in Storybook 3.2 and need your feedback:

  • Vue support
  • Story hierarchy

DISCLAIMERS: Our release process is for getting new features into your hands early to stabilize things. API's may change before full release!

FEEDBACK: To give feedback on a feature comment on the open issue linked below, and be sure to include the version you're using. To give feedback on the release, feel free to comment on this gist, or come chat with us on slack.


Vue support #1262

Bringing the Storybook magic to Vue component development!

Installation:

cd my-vue-project
npm i @storybook/cli@alpha --save-dev
./node_modules/.bin/getstorybook
npm install 
npm run storybook

Full Example: https://github.com/storybooks/storybook/tree/release/3.2/examples/vue-kitchen-sink

storybook_for_vue


Story hierarchy #151

Group stories hierarchically in the left-hand pane!

Installation:

cd my-react-project
npm i @storybook/react@alpha

Usage:

storiesOf('path/to/Component', module)
  .add('story', () => { ... })

Full Example: https://github.com/storybooks/storybook/tree/release/3.2/examples/cra-kitchen-sink

storybook_hierarchy_react-treebeard-2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment