移动端 UX 提示

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

15k

每周下载量

📱storybook-mobile

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

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

yarn add -D storybook-mobile 或 npm install --save-dev storybook-mobile

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

.storybook/main.js

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

此插件与 @storybook/addon-viewport 插件配合使用效果最佳，如果您还没有安装它，请也安装。

如果您有任何建议或发现任何错误，请创建一个问题或 PR！

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

npm install --no-save react react-dom

作者

标签