mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
40 lines
1.0 KiB
Plaintext
40 lines
1.0 KiB
Plaintext
---
|
|
title: 'Primary'
|
|
sidebar:
|
|
order: 9
|
|
title: Primary
|
|
---
|
|
|
|
<YouTubeCallout id="uAA1JvLcl-w" title="Avoid Documentation Nightmares with Storybook's Primary Doc Block" params="start=209" />
|
|
|
|
The `Primary` block displays the primary (first defined in the stories file) story, in a [`Story`](./doc-block-story.mdx) block. It is typically rendered immediately under the title in a docs entry.
|
|
|
|
|
|
|
|
{/* prettier-ignore-start */}
|
|
|
|
```md title="ButtonDocs.mdx"
|
|
import { Meta, Primary } from '@storybook/blocks';
|
|
import * as ButtonStories from './Button.stories';
|
|
|
|
<Meta of={ButtonStories} />
|
|
|
|
<Primary />
|
|
```
|
|
|
|
{/* prettier-ignore-end */}
|
|
|
|
## Primary
|
|
|
|
```js
|
|
import { Primary } from '@storybook/blocks';
|
|
```
|
|
|
|
`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!).
|