Sudo Pseudo

一个用于测试故事中伪样式的 Storybook 插件。

在 Github 上查看

Sudo Pseudo

一个用于在故事中查看伪类的 Storybook 插件

此 Storybook 插件允许您使用类名测试伪类,而无需重写现有的样式表。目前它支持

  • focus-visible
  • focus
  • active
  • hover

入门

  1. 安装此插件
  2. sudo-pseudo 添加到 Storybook 的 main.js 文件中。
  3. 现在,您可以使用 className: "pseudo-hover"className: "pseudo-focus" 等类名配置任何组件以显示伪状态。

开发脚本

  • yarn start 在监视模式下运行 babel 并启动 Storybook
  • yarn build 构建和打包您的插件代码
由以下人员制作
  • launchdarkly
    launchdarkly
适用于
    Angular
    React
    Vue
标签