Storybook 行動 UX 提示

這個外掛程式提供關於如何改進您的元件的 HTML、CSS 和 UX,使其更適合行動裝置的建議。

在 Github 上檢視

📱storybook-mobile-addon

這個外掛程式提供關於如何改進您的元件的 HTML、CSS 和 UX,使其更適合行動裝置的建議。

要查看所有可用的建議,請在此處查看即時 Storybook 示範。

版本

  • 3.1.x 適用於 Storybook >=8.2.0
  • 3.0.x 適用於 Storybook >=8.0.0
  • 2.x 適用於 Storybook >=7.0.0

快速開始

npm install --save-dev storybook-mobile-addon

接下來,將 storybook-mobile-addon 加入您的外掛列表

.storybook/main.js

module.exports = {
  // other config goes here
  addons: [
+    'storybook-mobile-addon'
  ],
}

當您在 preview.ts 中設定行動裝置尺寸的視窗時,這個外掛程式效果最佳。

貢獻

如果您有任何建議或發現任何錯誤,請提出問題或 pull request!