Sudo Pseudo

一個 Storybook 擴充功能,用於測試你的 Story 的虛擬樣式。

在 Github 上檢視

Sudo Pseudo

一個 Storybook 擴充功能,用於檢視你的 Story 中的虛擬類別

這個 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
標籤