• Version 7.0.18
  • Published
  • 30.6 kB
  • 9 dependencies
  • MIT license


npm i @storybook/addon-viewport
yarn add @storybook/addon-viewport
pnpm add @storybook/addon-viewport


Build responsive components by adjusting Storybook’s viewport size and orientation



variable ADDON_ID

const ADDON_ID: string;

    variable CHANGED

    const CHANGED: string;

      variable CONFIGURE

      const CONFIGURE: string;

        variable DEFAULT_VIEWPORT

        const DEFAULT_VIEWPORT: string;

          variable INITIAL_VIEWPORTS

          const INITIAL_VIEWPORTS: ViewportMap;

            variable MINIMAL_VIEWPORTS

            const MINIMAL_VIEWPORTS: ViewportMap;

              variable PARAM_KEY

              const PARAM_KEY: string;

                variable SET

                const SET: string;

                  variable UPDATE

                  const UPDATE: string;


                    function registerShortcuts

                    registerShortcuts: (
                    api: API,
                    setState: any,
                    viewportsKeys: string[]
                    ) => Promise<void>;

                      Package Files (2)

                      Dependencies (9)

                      Dev Dependencies (1)

                      Peer Dependencies (2)


                      To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                      You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@storybook/addon-viewport.

                      • Markdown
                      • HTML
                        <a href="https://www.jsdocs.io/package/@storybook/addon-viewport"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>