New
NextJS, SvelteKit, Remix and the future of StorybookAutomate with Chromatic
Star75,387
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
storybook-addon-tags
Add component tags to the storybook sidebar
npm install storybook-addon-tags
Last updated 10 months ago
596
Downloads per week
Readme View on GitHub

storybook-addon-tags

A Storybook addon for adding component tags to the sidebar.

Requirements

  • Storybook@>=6.0.0

Getting started

Install

npm install --save-dev storybook-addon-tags
# yarn add -D storybook-addon-tags

Register the addon in main.js

module.exports = {
  addons: ["storybook-addon-tags"],
};

Include it with a sttory

Add tags to paramters, either globally (to all stories), or to a specific story:

export const Primary = Template.bind({});
Primary.args = {
  primary: true,
  label: "Button",
};

Primary.parameters = {
  tag: {
    title: "parent",
    color: "#fff",
    background: "orange"
  },
};
Join the community
5,862 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI