双句对照 <Contrast />
两句大字上下排列：上一句变灰并划掉，下一句用正文色，标签用强调色。设 build 后第二句按 → 再出现。
Template and style descriptions are currently available in Chinese only.
- Group
- 节奏 · 过去 / 现在、误解 / 事实
- Component
Contrast·#contrast
Good for
- 一句话说清楚改变了什么
- 纠正一个常见误解
Avoid when
- 两边各有多条：用 VerdictColumns
- 需要数据对比：用 Dumbbell
Content limits
| 1 | label ≤ 6 字 |
| 2 | text ≤ 20 字 |
| 3 | sub ≤ 40 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名 |
before · required | { label, text } | 旧的说法 |
after · required | { label, text } | 新的说法 |
sub | string | 补充 |
source | string | 出处 |
Example
<Contrast
kicker="换风格的成本"
before={{ label: '过去', text: '换风格，等于重写每一页' }}
after={{ label: '现在', text: '换风格，只改一行 style' }}
/>