storybook-addon-pseudo-states icon indicating copy to clipboard operation
storybook-addon-pseudo-states copied to clipboard

Storybook Add-on to enable automatic generation and displaying of CSS pseudo states for components.

Storybook Addon Pseudo States

Storybook Addon Pseudo States allows you to automatically display pseudo states (and attribute states) of a component in Storybook's preview area.

This is how it looks like:

example

Framework Support

Framework Display States Tool-Button to show/hide
Angular + +
React + +
Lit-HTML + +
HTML + +
Vue + +

Installation & Usage

  • Angular
  • React
  • Lit-Html
  • Html
  • Vue