- 分組
- 数据 · 3–4 个并列的规模数字
- 元件
StatRow·#stat-row
適合
- 3–4 个同样重要的规模数字
- 顺带列出用到的工具或合作方(只写名字)
不適合
- 一个数字就是论点:用 BigStat
- 要看趋势:用 SparkCards
內容上限
| 1 | stats 3–4 个:value ≤ 6 字符,label ≤ 12 字符,note ≤ 28 字 |
| 2 | names ≤ 8 个,只写文字,不放 logo |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
title · 必填 | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
stats · 必填 | { value, label, note }[] | 数字卡片 |
names | string[] | 名称胶囊 |
範例程式碼
<StatRow
kicker="规模"
title="四个数说清这套模板"
stats={[{ label: 'templates', value: '86', note: '…' }, …]}
names={['React 19', 'Vite 8', 'motion']}
source="src/kit/catalog.ts"
/>