加入直播会话:周四 EDT 上午 11 点,Storybook 9 发布及 AMA

cheesy-stories

像奶酪一样控制你的故事宽度

在 Github 上查看

demo

目录

简介

Cheesy-stories 是 Storybook 的一个插件,它提供了调整任何故事宽度的能力。这使得开发人员可以轻松地看到组件宽度变化时发生的改变。

特性

  • 一个附加到故事上的把手,可以通过鼠标操作调整宽度。
  • 一个面板,允许你通过输入精确的数字来调整故事的宽度。

快速开始

此插件支持 Storybook 版本 8 及更高版本。

npm install cheesy-stories

将以下内容添加到你的 .storybook/main.js 文件中

const config = {
  //...
  addons: ["cheesy-stories"],
  //...
};

export default config;

然后,在你的故事中,你可以使用 withCheesy 装饰器来添加宽度调节器。

贡献

欢迎贡献!请随时提交 PR。

许可

MIT