babel-plugin-storybook-addon-pseudo-states-emotion

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

npm install babel-plugin-storybook-addon-pseudo-states-emotion

Downloads per week

Readme 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