Storybook 视窗插件

Storybook 视窗插件允许你的故事在不同的大小和布局中显示在 Storybook 中。这有助于在 Storybook 内部构建响应式组件。

框架支持

安装

视窗是 essentials 的一部分，因此默认情况下安装在所有新的 Storybook 中。如果你需要将其添加到你的 Storybook 中，可以运行

npm i -D @storybook/addon-viewport

然后，将以下内容添加到 .storybook/main.js

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

你现在应该能够在屏幕顶部的工具栏中看到视窗插件图标。

使用方法

使用方法在 文档 中有说明。