故事

Watch a video tutorial

Stories 块在故事文件中渲染故事的完整集合。

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

Screenshot of Stories block

{/* ButtonDocs.mdx */}
 
import { Meta, Stories } from '@storybook/blocks';
import * as ButtonStories from './Button.stories';
 
<Meta of={ButtonStories} />
 
<Stories />

故事

¥Stories

import { Stories } from '@storybook/blocks';

Stories 配置了以下属性：

¥Stories is configured with the following props:

`includePrimary`

类型：boolean

¥Type: boolean

默认：true

¥Default: true

确定故事集合是否包含主要（第一个）故事。

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

如果故事文件仅包含一个故事和 includePrimary={true}，则 Stories 块将不渲染任何内容，以避免可能造成混乱的情况。

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

`title`

类型：string

¥Type: string

默认：'Stories'

¥Default: 'Stories'

设置故事集合前面的标题内容。

¥Sets the heading content preceding the collection of stories.