Stories

Watch a video tutorial on the Storybook channel

The Stories block renders the full collection of stories in a stories file.

Screenshot of Stories block

ButtonDocs.mdx
Loading...

Stories

Loading...

Stories is configured with the following props:

includePrimary

Type: boolean

Default: true

Determines if the collection of stories includes the primary (first) story.

If a stories file contains only one story and includePrimary={true}, the Stories block will render nothing to avoid a potentially confusing situation.

title

Type: string

Default: 'Stories'

Sets the heading content preceding the collection of stories.

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,586 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