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:
Code Snippets
Oh no! We could not find the code you are looking for.
It would be great if you could report an issue on Github if you see that message.
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