← 全部模板

双句对照 <Contrast />

两句大字上下排列：上一句变灰并划掉，下一句用正文色，标签用强调色。设 build 后第二句按 → 再出现。

分组: 节奏 · 过去 / 现在、误解 / 事实
组件: Contrast · #contrast

适合

一句话说清楚改变了什么
纠正一个常见误解

不适合

两边各有多条：用 VerdictColumns
需要数据对比：用 Dumbbell

内容上限

1	label ≤ 6 字
2	text ≤ 20 字
3	sub ≤ 40 字

字段

字段	类型
`kicker` · 必填	`string`	小节名
`before` · 必填	`{ label, text }`	旧的说法
`after` · 必填	`{ label, text }`	新的说法
`sub`	`string`	补充
`source`	`string`	出处

示例代码

<Contrast
  kicker="换风格的成本"
  before={{ label: '过去', text: '换风格，等于重写每一页' }}
  after={{ label: '现在', text: '换风格，只改一行 style' }}
/>