Skip to main content

Storybook Addon ↔ Addon extends storybook UI & behaviour. to help prototype, test & doc

aka Storybook-Addons, Story-Addons

to install essential addons

npm i @storybook/addon-essentials -dev

@storybook/addon-a11y​

official storybook Addon to audit FC vs WCAG guidelines for max Accessibility & flag any violations

@storybook/preset-create-react-app

msw-storybook-addon

RJSTORYBOOK SWC_FIX

{
      name: "storybook-addon-swc",
      options: {
        enable: true,
        enableSwcLoader: true,
        enableSwcMinify: true,
        swcLoaderOptions: {
          isModule: "unknown",
          sourceMaps: false,
          jsc: {
            parser: {
              syntax: "typescript",
              tsx: true,
            },
            transform: {
              react: {
                runtime: "automatic",
              },
            },
          },
        },
        swcMinifyOptions: {},
      },
    },

References​

  1. .storybook/main.js ↔ storybook config file to set Glob to detect new stories Story Addons & use index.css

  2. Story Parameter ↔ static named metadata for Story to control beavior of Storybook Addons/core features