New
You're viewing older docs for version 7.0. View latest docs

core

Parent: main.js|ts configuration

Type:

Loading...

Configures Storybook's internal features.

builder

Type:

Loading...

Configures Storybook's builder, Vite or Webpack.

channelOptions

Type: ChannelOptions

Loading...

Configures the channel used by Storybook to communicate between the manager and preview.

Only two properties are likely to be used:

channelOptions.allowFunction

Type: boolean

Default: false

Enables serializing functions across the channel, which can be a security risk.

channelOptions.maxDepth

Type: number

Default: 3

The maximum depth of nested objects to serialize across the channel. Larger values will be slower.

crossOriginIsolated

Type: boolean

Enable CORS headings to run document in a "secure context". See SharedArrayBuffer security requirements

This enables these headers in development-mode:

  • Cross-Origin-Opener-Policy: same-origin
  • Cross-Origin-Embedder-Policy: require-corp

disableProjectJson

Type: boolean

Disables the generation of project.json, a file containing Storybook metadata

disableTelemetry

Type: boolean

Disables Storybook's telemetry collection.

disableWebpackDefaults

Type: boolean

Disables Storybook's default Webpack configuration.

enableCrashReports

Type: boolean

Enable crash reports to be sent to Storybook telemetry.

renderer

Type: RendererName

Was this page helpful?

Markdown accepted ([link text](url), _italic_, **bold**, etc). Your anonymous feedback will be posted publicly on GitHub.

✍️ Edit on GitHub – PRs welcome!
Storybook
Join the community
6,616 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI