参加直播会话:周四,美国东部时间上午 11 点,Storybook 9 发布及 AMA

Sudo Pseudo

用于测试 Storybook stories 中伪类样式的插件。

在 Github 上查看

Sudo Pseudo

一个用于在你的 Storybook stories 中查看伪类的插件

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

  • focus-visible
  • focus
  • active
  • hover

入门

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

开发脚本

  • yarn start 在 watch 模式下运行 babel 并启动 Storybook
  • yarn build 构建并打包你的插件代码