← 全部範本

分欄索引 <IndexList />

4–6 條編號條目分成左右兩欄,每條有標題和一句說明,條目之間用細線分隔,標題用主題色。為索引風格設計,其他風格也能用。配 build: 'reveal' 逐條出現。

分組
內容 · 兩欄編號條目,細線分隔
元件
IndexList · #index-list
互動
按 → 逐條出現

適合

  • 目錄、索引、六個入口
  • 幾個並列的主題,每個一句話

不適合

  • 條目有先後順序:用 Process 類别範本
  • 每條要展開:拆頁

內容上限

1entries 4–6 條
2title ≤ 12 字
3body ≤ 40 字
4頁標題 ≤ 22 字

欄位

欄位型別
kicker · 必填string小節名
title · 必填string | string[]標題
leadstring導語
entries · 必填{ title, body }[]條目,先左欄後右欄
sourcestring出處

範例程式碼

<IndexList
  kicker="文件目錄"
  title="文件裡的六個入口"
  entries={[{ title: '寫作流程', body: '…' }, …]}
/>