- 分组
- 数据 · 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"
/>