New
Automatic visual tests in Storybook, plus 2.2x faster build times for React+TSVisual test with Chromatic
Star80,409
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Storybook Mobile UX Hints
This addon offers suggestions on how you can improve the HTML, CSS and UX of your components to be more mobile-friendly.
npm install storybook-mobile-addon
Last updated 4 months ago
96
Downloads per week
Readme View on GitHub

📱storybook-mobile-addon

npm version

This addon offers suggestions on how you can improve the HTML, CSS and UX of your components to be more mobile-friendly.

This is a rewrite of Alex Holachek's original storybook-mobile addon to make it compatible with Storybook 7.

To see all available suggestions, check out a live storybook demo here.

Quick Start

yarn add -D storybook-mobile-addon or npm install --save-dev storybook-mobile-addon

Next, add storybook-mobile-addon to your list of addons:

.storybook/main.js

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

This addon works best along with the @storybook/addon-viewport addon, so please install that as well if you don't have it already.

Contributing

If you have any suggestions or find any bugs, please make an issue or a pr!

Join the community
6,314 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI