行動裝置 UX 提示

這個擴充套件提供關於如何改進您的元件的 HTML、CSS 和 UX 以更符合行動裝置友善的建議。

1.5 萬

每週下載次數

📱storybook-mobile

行動裝置網頁最佳實踐不斷發展，我沒有時間進行必要的更新以保持警告和提示的最新狀態。請隨意 fork 這個函式庫。我不建議在新專案中使用這個擴充套件。

這個擴充套件提供關於如何改進您的元件的 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 擴充套件搭配使用效果最佳，所以如果您還沒有安裝，請一併安裝。

如果您有任何建議或發現任何錯誤，請提出 issue 或 pr！

注意：在本地開發這個擴充套件時，如果您使用的是 npm <v7，您需要手動安裝 peerDependencies，如下所示

npm install --no-save react react-dom

由

標籤