模型规格卡 <ModelSpecCard />
左边一张卡:版本标签、模型名、能力标签,底部用进度条比较总参数和激活参数;右边 4–8 行规格逐行出现。
Template and style descriptions are currently available in Chinese only.
- Group
- AI · 一个模型的身份卡
- Component
ModelSpecCard·#model-spec-card- Interaction
- 每按一次 → 出现一行规格
Good for
- 介绍一个模型(或任何有“总量 / 实际用量”的系统)的核心规格
- 想把“总参数 vs 激活参数”放在一眼能看到的地方
Avoid when
- 比较多个模型:用 ScoreMatrix 或 CompareTable
- 规格超过 8 行:拆页或用 SpecSheet
Content limits
| 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 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 标题上方的小节名,2–8 字 |
title · required | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
name · required | string | 模型名 |
tag | string | 卡片顶部的小标签 |
chips | string[] | 能力标签 |
params · required | { total, active, unit, activeLabel? } | 总参数与激活参数 |
specs · required | { label, value }[] | 规格行,每行一个 build 步骤 |
Example
<ModelSpecCard kicker="规格" title="大模型,小激活" name="Model-X" params={{ total: 552, active: 16, unit: 'B' }} specs={[{ label: '层数', value: '40 层' }, …]} />