主组件

观看视频教程

The Primary 块显示主组件（在故事文件中首先定义），位于一个 Story 块中。它通常渲染在文档条目标题的正下方。

Screenshot of Primary block

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

主组件

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

Primary 通过以下属性进行配置

`of`

类型：CSF 文件导出

指定用于查找第一个故事的 CSF 文件，然后由此块渲染。传递 CSF 文件中的完整导出集（而不是默认导出！）。