This addon offers suggestions on how you can improve the HTML, CSS and UX of your components to be more mobile-friendly.
To see all available suggestions, check out a live storybook demo here.
- 3.1.x is for Storybook
>=8.2.0 - 3.0.x is for Storybook
>=8.0.0 - 2.x is for Storybook
>=7.0.0
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 when you set mobile-sized viewports in your preview.ts.
If you have any suggestions or find any bugs, please make an issue or a pr!