← All templates

弧形引语卡 <QuoteArc />

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

Template and style descriptions are currently available in Chinese only.

Group
内容 · 三句有出处的原话
Component
QuoteArc · #quote-arc

Good for

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

Avoid when

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

Content limits

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

Fields

FieldType
kicker · requiredstring小节名，2–8 字
title · requiredstring | string[]标题；数组手动断行
leadstring一两句导语，≤ 60 字
sourcestring事实出处
quotes · required[ArcQuote, ArcQuote, ArcQuote]{ text, name, role }

Example

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