Badge 标签
紧凑的状态标签组件,通过 tone 表达语义颜色。
使用提示
- 适合:状态指示(成功/警告/错误)、分类标签、计数标记。
- 不适合:长文本标签(应当用 callout)、交互式按钮(应当用 button)。
- 关联组件:callout 用于带标题的消息块,stat 用于数值指标。
- 多个 badge 通常放在 row 中水平排列。
- tone 只表达语义状态,不作为任意样式选择器。
tone 变体
namespace: "doc_badge_tone_diff",
layout: {
"row:tones": {
"badge:info": {
label: "信息",
tone: "info"
},
"badge:success": {
label: "成功",
tone: "success"
},
"badge:warning": {
label: "警告",
tone: "warning"
},
"badge:danger": {
label: "危险",
tone: "danger"
},
"badge:muted": {
label: "弱化",
tone: "muted"
}
}
}
}