此插件允许将 [storybook-addon-pseudo-states](https://github.com/Ergosign/storybook-addon-pseudo-states) 与 [emotion](https://emotion.sh/) 一起使用。

在 Github 上查看

用于 Storybook 插件伪状态和 Emotion.js 的 Babel 插件。

此插件允许将 storybook-addon-pseudo-statesemotion 一起使用。

安装

npm

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

yarn

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

用法

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

选项

此插件允许进行一些配置以支持 storybook-addon-pseudo-states 的某些功能。

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

支持的状态

此插件目前支持以下状态:

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

版权所有 © 2021 Dekk。保留所有权利。