woocommerce/plugins/woocommerce-blocks/docs/contributors/storybook.md

856 B

Storybook

This repo includes Storybook tooling so we can test and develop components in isolation.

The storybook is automatically built and published to GitHub pages on every push to master. See travis.yml for details.

https://woocommerce.github.io/woocommerce-gutenberg-products-block/

How to run Storybook locally and test components

  • npm run storybook
  • Point your browser at port 6006, e.g. http://localhost:6006
  • Play with components 🎛!

How to add a story for a component

  • Add a stories folder alongside the component.
  • Add stories in .js files in this folder.

If you're stuck, copy source of an existing story to get started.