Explore Gutenberg Components with WP Storybook

Home » Blog » Explore Gutenberg Components with WP Storybook

At lubus, we have been embracing Gutenberg and have been building things using various reusable components and packages.

UI components come in handy to provide a consistent UX. To make discovering and referring to all components quick and easy, we have built this experimental storybook. We keep adding stories/cases as and when we discover them.

Currently, a good number of components have been added, and we thought to share them with others. Once it shapes up well, we would love to explore getting it into the core.

Things on our list:

  • Add as many possible components & cases
  • Capability to view and copy the example source
  • Playground to test out various props & options using knobs addon
  • Categorize components into groups for better discoverability
  • Recipe stories showcasing the composition of various components
WP Storybook In Action

Want to play around with Gutenberg Components? Head over to the storybook playground. https://wp-storybook.netlify.com

  • Explore and test various WordPress components
  • Search and view different states/variants of components
  • Test on different viewports
  • Readme and live preview of the component in one place

More components and features will soon be added.

Want to contribute or dive into the code and explore how it works? The code is open-sourced on GitHub https://github.com/lubusIN/wp-storybook

Stay tuned for more Gutenberg goodies. We are exploring the goodness of Gutenberg. 🙂

Ajit Bohra Avatar

Leave comment

One response

Leave a Reply

Your email address will not be published. Required fields are marked *