- 分組
- AI · 一个模型的身份卡
- 元件
ModelSpecCard·#model-spec-card- 互動
- 每按一次 → 出现一行规格
適合
- 介绍一个模型(或任何有“总量 / 实际用量”的系统)的核心规格
- 想把“总参数 vs 激活参数”放在一眼能看到的地方
不適合
- 比较多个模型:用 ScoreMatrix 或 CompareTable
- 规格超过 8 行:拆页或用 SpecSheet
內容上限
| 1 | name ≤ 18 个字符;tag ≤ 16 个字符 |
| 2 | chips 2–5 个,每个 ≤ 8 字 |
| 3 | params.total、active 各 ≤ 4 位数字;activeLabel ≤ 6 字 |
| 4 | specs 4–8 行:label ≤ 6 字,value ≤ 18 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名,2–8 字 |
title · 必填 | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
name · 必填 | string | 模型名 |
tag | string | 卡片顶部的小标签 |
chips | string[] | 能力标签 |
params · 必填 | { total, active, unit, activeLabel? } | 总参数与激活参数 |
specs · 必填 | { label, value }[] | 规格行,每行一个 build 步骤 |
範例程式碼
<ModelSpecCard kicker="规格" title="大模型,小激活" name="Model-X" params={{ total: 552, active: 16, unit: 'B' }} specs={[{ label: '层数', value: '40 层' }, …]} />