← 全部模板

分栏索引 <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: '…' }, …]}
/>