Storybook 視窗擴充功能

Storybook 視窗擴充功能允許您的 Storybook 故事在 Storybook 中以不同的大小和版面配置顯示。這有助於在 Storybook 內部建構響應式元件。

框架支援

安裝

視窗是 essentials 的一部分，因此預設安裝在所有新的 Storybook 中。如果您需要將其新增至您的 Storybook，您可以執行

npm i -D @storybook/addon-viewport

然後，將以下內容新增至 .storybook/main.js

export default {
  addons: ['@storybook/addon-viewport'],
};

您現在應該可以在螢幕頂端的工具列中看到視窗擴充功能圖示。

用法

用法記錄在文件中。