嵌图长句 <PillSentence />
一整句超大左对齐文字,句中嵌 2–3 个带图标的彩色胶囊;底部两栏:左边一条小注,右边一段说明。
Template and style descriptions are currently available in Chinese only.
- Group
- 观点 · 用一句大字讲清问题
- Component
PillSentence·#pill-sentence
Good for
- 开场后的问题页、立场页
- 一句话里有 2–3 个能用图标表示的关键词
Avoid when
- 句子很短、要居中停顿:用 Statement
- 有数据要比较:用图表模板
Content limits
| 1 | parts 文字合计 ≤ 44 字,图标胶囊 2–3 个,每个 1–2 个图标 |
| 2 | note.label ≤ 12 字,note.body ≤ 24 字 |
| 3 | aside ≤ 64 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
parts · required | (string | { icons })[] | 句子片段与图标胶囊,按顺序排 |
note | { label, body } | 左下小注 |
aside | string | 右下说明 |
source | string | 事实出处 |
Example
<PillSentence kicker="问题" parts={['常见的结果是', { icons: ['text'] }, '字号乱跳、', …]} note={{ label: '为什么', body: '…' }} aside="…" />