New
@storybook-test: more streamlined and powerful testingVisual test with Chromatic
Star81,061
New
You're viewing older docs for version 7.4. View latest docs

previewBody

Parent: main.js|ts configuration

Type: (body: string) => string

Programmatically adjust the preview <body> of your Storybook. Most often used by addon authors.

💡 If you don't need to programmatically adjust the preview body, you can add scripts and styles to preview-body.html instead.

For example, you can conditionally add scripts or styles, depending on the environment:

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,378 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI