← 所有版型

分组建议 <VerdictColumns />

把场景归入 2–3 个结论桶:强调色“推荐”、墨色“有条件”、空心“暂不”。顶部色条直接表达态度。

版型與風格的說明目前僅提供簡體中文。

分組
建议 · 适用 / 观望 / 不适用
元件
VerdictColumns · #verdict-columns

適合

  • “谁该用 / 谁该等 / 谁不该”这类决策建议
  • 选型结论、风险分级

不適合

  • 没有明确的结论倾向
  • 每组超过 3 项:精简或拆页

內容上限

1groups 2–3 组,按“是 → 否”排序
2每组 2–3 项,各组项数相差不超过 1;只有 1 项的组会显得空
3item.title ≤ 16 字;item.body 14–26 字(一行)
4label ≤ 6 字

欄位

欄位型別
kicker · 必填string标题上方的小节名,2–8 字
title · 必填string | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
groups · 必填{ tone: 'go' | 'plan' | 'stop', label, items[] }[]tone 决定颜色与图标

範例程式碼

<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: '发行说明建议不要升级。' }] },
  ]}
/>