main-config.md

title
Main configuration

The main configuration defines a Storybook project's behavior, including the location of stories, addons to use, feature flags, and other project-specific settings.

main.js or main.ts

This configuration is defined in .storybook/main.js|ts, which is located relative to the root of your project.

A typical Storybook configuration file looks like this:

<CodeSnippets paths={[ 'common/main-config-typical.js.mdx', 'common/main-config-typical.ts.mdx', ]} />

config

An object to configure Storybook containing the following properties:

• framework (Required)
• stories (Required)
• addons
• babel
• babelDefault
• build
• core
• docs
• env
• features
• indexers (⚠️ Experimental)
• logLevel
• managerHead
• previewAnnotations
• previewBody
• previewHead
• refs
• staticDirs
• swc
• typescript
• viteFinal
• webpackFinal