Sudo Pseudo
A storybook addon to view pseudo classes in your stories
This Storybook addon allows you to test pseudo classes using class names without having to rewrite your existing stylesheets. Currently it supports:
- focus-visible
- focus
- active
- hover
Getting Started
- Install this plugin
- Add
sudo-pseudo
to yourmain.js
file for storybook. - Now you can configure any component to show a pseudo state using class names like
className: "pseudo-hover"
orclassName: "pseudo-focus"
Development scripts
yarn start
runs babel in watch mode and starts Storybookyarn build
build and package your addon code