文件
Storybook 文件

主要

觀看影片教學

Primary 區塊會顯示主要的(在 stories 檔案中第一個定義的) Story,在 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 使用以下 props 設定

of

類型:CSF 檔案匯出

指定哪個 CSF 檔案用於尋找第一個 Story,然後由此區塊渲染。傳遞來自 CSF 檔案的完整匯出集合(而非預設匯出!)。