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
96
Downloads per week
Readme View on GitHub
📱storybook-mobile-addon
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!