storybook/docs/snippets/common/storybook-preview-merge-viewports.js.mdx
2020-08-14 21:46:15 +01:00

31 lines
489 B
Plaintext

```js
// .storybook/preview.js
import { MINIMAL_VIEWPORTS} from '@storybook/addon-viewport';
const customViewports = {
kindleFire2: {
name: 'Kindle Fire 2',
styles: {
width: '600px',
height: '963px',
},
},
kindleFireHD: {
name: 'Kindle Fire HD',
styles: {
width: '533px',
height: '801px',
},
},
};
export const parameters = {
viewport: {
viewports: {
...MINIMAL_VIEWPORTS,
...customViewports,
},
},
};
```