New
Storybook for full-stack developersAutomate with Chromatic
Star75,295
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Sudo Pseudo
A storybook addon to test pseudo styles for your stories.
npm install sudo-pseudo
Last updated about 1 year ago
866
Downloads per week
Readme View on GitHub

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

  1. Install this plugin
  2. Add sudo-pseudo to your main.js file for storybook.
  3. Now you can configure any component to show a pseudo state using class names like className: "pseudo-hover" or className: "pseudo-focus"

Development scripts

  • yarn start runs babel in watch mode and starts Storybook
  • yarn build build and package your addon code
Join the community
5,867 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI