此插件允許將 [storybook-addon-pseudo-states](https://github.com/Ergosign/storybook-addon-pseudo-states) 與 [emotion](https://emotion.sh/) 一起使用

在 Github 上檢視

用於 Storybook Addon Pseudo States 和 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

Copyright © 2021 Dekk. 保留所有權利。