← 全部模板

弧形引语卡 <QuoteArc />

三张引语卡排成一道弧：中间那张反色在最前，两侧的向内转。每张一句原话、人名和出处。

分组: 内容 · 三句有出处的原话
组件: QuoteArc · #quote-arc

适合

三句能逐字引用、有出处的原话
用名言或客户原话给观点背书

不适合

只有一句：用 QuoteHero
原话查不到出处

内容上限

1	quotes 恰好 3 句：text ≤ 48 字，name ≤ 12 字符，role ≤ 20 字
2	source 必填

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`quotes` · 必填	`[ArcQuote, ArcQuote, ArcQuote]`	{ text, name, role }

示例代码

<QuoteArc
  kicker="取舍"
  title="删到不能再删，再把数据摆出来"
  quotes={[{ text: '少，但更好。', name: 'Dieter Rams', role: '…' }, …]}
  source="…"
/>