Storybook Viewport Addon
Storybook Viewport Addon allows your stories to be displayed in different sizes and layouts in Storybook. This helps build responsive components inside of Storybook.
This addon works with Storybook for: React.
Installation
Install the following npm module:
npm i --save-dev @nlabs/storybook-addon-viewport
or with yarn:
yarn add -D @nlabs/storybook-addon-viewport
Basic Usage
Simply import the Storybook Viewport Addon in the addon.js file in your .storybook directory.
import '@nlabs/storybook-addon-viewport/register'This will register the Viewport Addon to Storybook and will show up in the action area.
FAQ
How do I add a new device?
Unfortunately, this is currently not supported.
How can I make a custom screen size?
Unfortunately, this is currently not supported.