滑鼠懸停時的樣式

點擊任何 Storybook 元素,以查看元素的類型選擇器、類別選擇器和 ID 選擇器的 CSS 樣式

在 Github 上檢視

顯示元素 CSS

這個 Storybook 擴充功能讓使用者可以檢查其故事元素的類型選擇器、類別選擇器和 ID 選擇器 CSS 樣式。

若要啟用「顯示元素 CSS」擴充功能,請點擊工具列上的眼睛圖示。

Toolbar

啟用後,點擊任何 Storybook 元素,即可在面板中查看元素的類型選擇器、類別選擇器和 ID 選擇器 CSS 樣式。

Panel

若要返回查看故事元素的預設點擊行為,請點擊工具列上的眼睛圖示,停用「顯示元素 CSS」擴充功能。

開發腳本

  • yarn start 以監看模式執行 babel 並啟動 Storybook
  • yarn build 建置和封裝您的擴充功能程式碼
由以下人員製作
  • amyscript888
    amyscript888
適用於
    React
標籤