← 所有版型

弧形引语卡 <QuoteArc />

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

版型與風格的說明目前僅提供簡體中文。

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

適合

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

不適合

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

內容上限

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

欄位

欄位型別
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
quotes · 必填[ArcQuote, ArcQuote, ArcQuote]{ text, name, role }

範例程式碼

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