數字色塊 <NumberTiles />
一排高色塊，每塊上方一個超大編號，下方標題和一句說明。模印風格下是赭、品紅、橙、青四色；其他風格用卡片色和強調色編號。配 build: 'reveal' 逐塊出現。
- 分組
- 內容 · 3–4 塊高色塊，各帶一個超大編號
- 元件
NumberTiles·#number-tiles- 互動
- 按 → 逐塊出現
適合
- 原則、規矩、階段，3–4 條
- 每條一句話就能說清
不適合
- 每條要展開講：用 NumberedColumns
- 超過 4 條
內容上限
| 1 | tiles 3–4 塊 |
| 2 | title ≤ 10 字 |
| 3 | body ≤ 36 字 |
| 4 | 頁標題 ≤ 22 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小節名 |
title · 必填 | string | string[] | 標題 |
lead | string | 導語 |
tiles · 必填 | { title, body }[] | 色塊 |
source | string | 出處 |
範例程式碼
<NumberTiles
kicker="規矩"
title="先守規矩，再談好看"
tiles={[{ title: '只組合範本', body: '…' }, …]}
/>