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

移动端 UX 提示

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

在 Github 上查看

📱storybook-mobile

No Maintenance Intended npm version

已弃用!

移动端网页的最佳实践在不断发展,我没有时间进行必要的更新来保持警告和提示是最新的。请随时 fork 此库。我不建议在新项目中使用此插件。

原始 readme

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

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

快速入门

yarn add -D storybook-mobilenpm install --save-dev storybook-mobile

接下来,将 storybook-mobile 添加到你的插件列表中

.storybook/main.js

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

此插件与 @storybook/addon-viewport 插件一起使用效果最佳,因此如果你还没有安装,也请安装它。

贡献

如果你有任何建议或发现任何 bug,请创建 issue 或提交 PR!

注意:在本地开发此插件时,如果你使用的是 npm <v7,则需要手动安装 peerDependencies,如下所示

npm install --no-save react react-dom