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 中设置移动尺寸的 视口 时,此插件效果最佳。

贡献

如果您有任何建议或发现任何错误,请提 issue 或 pr!