數字拼格 <MetricMosaic />

左邊一條豎長的強調色塊放一個數字，中間是標題塊，右上 2–3 個小數字塊，右下一塊大數字。為熒光格風格設計，其他風格也能用。

分組: 資料 · 長條、標題塊、小數字塊和大數字塊拼成一頁
元件: MetricMosaic · #metric-mosaic

適合

一頁講清一組相關數字
發布會、成長復盤的資料頁

不適合

數字之間沒有主次：用 KpiBoard
需要趨勢：用 LineChart

內容上限

1	side value ≤ 7 字元
2	small 2–3 個：value ≤ 6 字元，label ≤ 14 字
3	hero value ≤ 6 字元，label ≤ 16 字
4	title 1–2 行，每行 ≤ 6 字
5	必須有 source

欄位

欄位	型別
`kicker` · 必填	`string`	小節名
`title` · 必填	`string \| string[]`	標題
`lead`	`string`	導語
`side` · 必填	`{ value, label }`	左側長條
`small` · 必填	`{ value, label }[]`	小數字塊
`hero` · 必填	`{ value, label }`	大數字塊
`source`	`string`	出處

範例程式碼

<MetricMosaic
  kicker="全球太陽能 · 2025"
  title={['十年，', '約十一倍']}
  side={{ value: '11×', label: '…' }}
  small={[{ value: '8.7%', label: '佔全球發電' }]}
  hero={{ value: '2,779', label: '…' }}
  source="…"
/>