胶囊目录章节页 <PillAgenda />
顶部一排胶囊列出全部章节,已讲的划线、当前的反白;左下一个取景框框住超大章节号,右边是章节标题和导语。
Template and style descriptions are currently available in Chinese only.
- Group
- 节奏 · 每章开头
- Component
PillAgenda·#pill-agenda
Good for
- 等宽黑风格的章节页
- 让听众知道一共几章、讲到哪里
Avoid when
- 少于 3 章
- 其他风格:用 ChapterProgress 或 SectionBreak
Content limits
| 1 | chapters 3–6 个,各 ≤ 8 字 |
| 2 | title ≤ 2 行 × 10 字 |
| 3 | lead ≤ 60 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小标签 |
chapters · required | string[] | 全部章节名 |
current · required | number | 当前章节下标,从 0 开始 |
title · required | string | string[] | 章节标题 |
lead | string | 导语 |
Example
<PillAgenda kicker="第一部分" chapters={['规模', '构成', '节奏', '取舍']} current={0} title={['先看规模']} lead="…" />