← 所有版型

双句对照 <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' }}
/>