目录
简介
Cheesy-stories 是 Storybook 的一个插件,它提供了调整任何故事宽度的能力。这使得开发人员可以轻松地看到组件宽度变化时发生的改变。
特性
- 一个附加到故事上的把手,可以通过鼠标操作调整宽度。
- 一个面板,允许你通过输入精确的数字来调整故事的宽度。
快速开始
此插件支持 Storybook 版本 8 及更高版本。
npm install cheesy-stories
将以下内容添加到你的 .storybook/main.js
文件中
const config = {
//...
addons: ["cheesy-stories"],
//...
};
export default config;
然后,在你的故事中,你可以使用 withCheesy
装饰器来添加宽度调节器。
贡献
欢迎贡献!请随时提交 PR。
许可
MIT