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.