Sudo Pseudo
一個 Storybook 擴充功能,用於檢視你的 Story 中的虛擬類別
這個 Storybook 擴充功能讓你可以使用類別名稱來測試虛擬類別,而無需重寫你現有的樣式表。目前它支援:
- focus-visible
- focus
- active
- hover
開始使用
- 安裝這個外掛程式
- 將
sudo-pseudo
新增到你的 Storybook 的main.js
檔案中。 - 現在你可以設定任何元件使用像
className: "pseudo-hover"
或className: "pseudo-focus"
這樣的類別名稱來顯示虛擬狀態。
開發指令碼
yarn start
會在監看模式下執行 babel 並啟動 Storybookyarn build
建置並打包你的擴充功能程式碼