Storybook’s Visual Tests addon enters betaVisual test with Chromatic
Back to integrations
Add your integration
  • ⭐️ 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 over 2 years ago
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
6,490 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software

Maintained by
Special thanks to Netlify and CircleCI