This plugin allows using [storybook-addon-pseudo-states](https://github.com/Ergosign/storybook-addon-pseudo-states) with [emotion](https://emotion.sh/)

View on Github

Babel Plugin for Storybook Addon Pseudo States and Emotion.js

This plugin allows using storybook-addon-pseudo-states with emotion

Install

npm

nmp install babel-plugin-storybook-addon-pseudo-states-emotion --save-dev

yarn

yarn add babel-plugin-storybook-addon-pseudo-states-emotion --dev

Usage

{
  "plugins": ["storybook-addon-pseudo-states-emotion"]
}

Options

This plugin allows some configuration to support certain features of storybook-addon-pseudo-states

{
  "plugins": [[
    "storybook-addon-pseudo-states-emotion", {
      "prefix": "pseudoclass--"
    }
  ]]
}

Supported states:

This plugin currently supports the following states:

  • active
  • checked
  • focus
  • focus-visible
  • focus-within
  • hover
  • invalid
  • visited

Copyright © 2021 Dekk. All rights reserved.