New
Storybook’s Visual Tests addon enters betaVisual test with Chromatic
Star82,099

Primary

Watch a video tutorial on the Storybook channel

The Primary block displays the primary (first defined in the stories file) story, in a Story block. It is typically rendered immediately under the title in a docs entry.

Screenshot of Primary block

ButtonDocs.mdx
Loading...

Primary

Loading...

Primary is configured with the following props:

of

Type: CSF file exports

Specifies which CSF file is used to find the first story, which is then rendered by this block. Pass the full set of exports from the CSF file (not the default export!).

name

(⛔️ Deprecated)

Type: string

Primary block should only be used to render the primary story, which is automatically found.

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

Maintained by
Chromatic
Special thanks to Netlify and CircleCI