/storybook-addon-variants

Show all variants of a component in a grid

Primary LanguageJavaScriptMIT LicenseMIT




Storybook Variants Addon

Show all variants of a component in a grid

  • 📦 No extra code required for creating variants.
  • 📝 Editing from Controls table and editor re-renders all variants.

Getting Started

First install it

npm install storybook-addon-variants

And lastly, register the preset

// .storybook/main.js

module.exports = {
  stories: [...],
  addons: ["storybook-addon-variants/preset.js"],
};