cheesy-stories

像起司一樣控制您的 Story 寬度

在 Github 上檢視

demo

目錄

簡介

Cheesy-stories 是一個 Storybook 的擴充功能,提供調整任何 Story 寬度的能力。這讓開發人員可以輕鬆查看元件在寬度變化時發生的變化。

功能

  • 一個附加到 Story 的控制把手,可以使用滑鼠操作調整寬度。
  • 一個面板,允許您透過輸入精確的數字來調整 Story 的寬度。

開始使用

此擴充功能支援 Storybook 8 及以上版本。

npm install cheesy-stories

將以下內容加入您的 .storybook/main.js

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

export default config;

然後,在您的 stories 中,您可以使用 withCheesy 裝飾器來添加寬度調整器。

貢獻

歡迎貢獻!隨時提交 PR。

授權條款

MIT

由以下人員製作
  • spookyjelly
    spookyjelly
搭配使用
    React
標籤