分组建议 <VerdictColumns />
把场景归入 2–3 个结论桶:强调色“推荐”、墨色“有条件”、空心“暂不”。顶部色条直接表达态度。
Template and style descriptions are currently available in Chinese only.
- Group
- 建议 · 适用 / 观望 / 不适用
- Component
VerdictColumns·#verdict-columns
Good for
- “谁该用 / 谁该等 / 谁不该”这类决策建议
- 选型结论、风险分级
Avoid when
- 没有明确的结论倾向
- 每组超过 3 项:精简或拆页
Content limits
| 1 | groups 2–3 组,按“是 → 否”排序 |
| 2 | 每组 2–3 项,各组项数相差不超过 1;只有 1 项的组会显得空 |
| 3 | item.title ≤ 16 字;item.body 14–26 字(一行) |
| 4 | label ≤ 6 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 标题上方的小节名,2–8 字 |
title · required | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
groups · required | { tone: 'go' | 'plan' | 'stop', label, items[] }[] | tone 决定颜色与图标 |
Example
<VerdictColumns
kicker="升级建议"
title="该不该现在升级?"
groups={[
{ tone: 'go', label: '优先升级', items: [{ title: 'RISC-V 设备', body: '首个正式支持 riscv64 的稳定版。' }] },
{ tone: 'plan', label: '验证后升级', items: [{ title: '生产服务器', body: 'LTS 维护到 2028-06-30。' }] },
{ tone: 'stop', label: '暂不升级', items: [{ title: 'i386 机器', body: '发行说明建议不要升级。' }] },
]}
/>