← 全部範本

三欄重點 <PriorityColumns />

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

分組
內容 · 三根通欄,超大編號,一欄用主題色
元件
PriorityColumns · #priority-columns
互動
按 → 逐欄出現

適合

  • 三條優先事項、底線、承諾
  • 動員、宣言、季度重點

不適合

  • 不是正好三條:用 NumberedColumns
  • 需要資料支撐:用 KpiBoard

內容上限

1items 正好 3 個
2tag ≤ 6 字,title ≤ 10 字,body ≤ 40 字
3title 1–2 行,每行 ≤ 8 字
4lead ≤ 50 字

欄位

欄位型別
kicker · 必填string小節名
title · 必填string | string[]標題
leadstring導語
items · 必填{ tag, title, body }[]三欄
focusnumber主題色那一欄,預設 1(中間)
sourcestring出處

範例程式碼

<PriorityColumns
  kicker="底線"
  title={['寫簡報的', '三條底線']}
  items={[{ tag: '版式', title: '只組合範本', body: '…' }, …]}
/>