加入直播:美国东部时间周四上午 11 点,Storybook 9 发布 & AMA

Storybook 移动端用户体验提示

此插件提供关于如何改进组件的 HTML、CSS 和用户体验,使其更适合移动端的建议。

在 Github 上查看

📱storybook-mobile-addon

此插件提供关于如何改进组件的 HTML、CSS 和用户体验,使其更适合移动端的建议。

要查看所有可用建议,请在此处查看 Storybook 实时演示。

版本

  • 4.x.x 版本适用于 Storybook >=9.0.0
  • 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!