main-config-features.mdx

title	sidebar
features	order title 11 features

Parent: main.js|ts configuration

Type:

{
  argTypeTargetsV7?: boolean;
  backgroundsStoryGlobals?: boolean;
  legacyDecoratorFileOrder?: boolean;
  viewportStoryGlobals?: boolean;
  developmentModeForBuild?: boolean;
}

Enables Storybook's additional features.

argTypeTargetsV7

(⚠️ Experimental)

Type: boolean

Filter args with a "target" on the type from the render function.

{/* prettier-ignore-start */}

{/* prettier-ignore-end */}

backgroundsStoryGlobals

Type: boolean

Configures the Backgrounds addon to opt-in to the new story globals API for configuring backgrounds.

{/* prettier-ignore-start */}

{/* prettier-ignore-end */}

legacyDecoratorFileOrder

Type: boolean

Apply decorators from preview.js before decorators from addons or frameworks. More information.

{/* prettier-ignore-start */}

{/* prettier-ignore-end */}

viewportStoryGlobals

Type: boolean

Configures the Viewports addon to opt-in to the new story globals API for configuring viewports.

{/* prettier-ignore-start */}

{/* prettier-ignore-end */}

developmentModeForBuild

Type: boolean

Set NODE_ENV to 'development' in built Storybooks for better testing and debugging capabilities.

{/* prettier-ignore-start */}

{/* prettier-ignore-end */}