三欄重點 <PriorityColumns />
大標題下一條粗線,下面三根通到底的欄,每欄一個超大編號、標籤、標題和說明,其中一欄整塊用主題色。為宣言風格設計,其他風格也能用。配 build: 'reveal' 逐欄出現。

- 分組
- 內容 · 三根通欄,超大編號,一欄用主題色
- 元件
PriorityColumns·#priority-columns- 互動
- 按 → 逐欄出現
適合
- 三條優先事項、底線、承諾
- 動員、宣言、季度重點
不適合
- 不是正好三條:用 NumberedColumns
- 需要資料支撐:用 KpiBoard
內容上限
| 1 | items 正好 3 個 |
| 2 | tag ≤ 6 字,title ≤ 10 字,body ≤ 40 字 |
| 3 | title 1–2 行,每行 ≤ 8 字 |
| 4 | lead ≤ 50 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小節名 |
title · 必填 | string | string[] | 標題 |
lead | string | 導語 |
items · 必填 | { tag, title, body }[] | 三欄 |
focus | number | 主題色那一欄,預設 1(中間) |
source | string | 出處 |
範例程式碼
<PriorityColumns
kicker="底線"
title={['寫簡報的', '三條底線']}
items={[{ tag: '版式', title: '只組合範本', body: '…' }, …]}
/>