cra-template-jinsung/template/.storybook/preview.js

Jinsung's custom template for Create React App.

import '../src/index.css'

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  viewport: {
    defaultViewport: 'xs',
    viewports: {
      xs: {
        name: 'xs',
        styles: {
          width: '320px',
          height: '568px',
        },
      },
      sm: {
        name: 'sm',
        styles: {
          width: '640px',
          height: '1000px',
        },
      },
      md: {
        name: 'md',
        styles: {
          width: '768px',
          height: '1024px',
        },
      },
      lg: {
        name: 'lg',
        styles: {
          width: '1024px',
          height: '768px',
        },
      },
      xl: {
        name: 'xl',
        styles: {
          width: '1280px',
          height: '720px',
        },
      },
    }
  }
}