Stat 指标
紧凑的指标展示组件,包含标签、数值和可选的单位。
使用提示
- 适合:数据看板、统计概览、关键指标展示。
- 不适合:长文本(应当用 text)、交互式输入(应当用 input)。
- 关联组件:text 用于文本输出,badge 用于标签状态。
- 通常放在 grid 或 row 中组合使用。
- tone 只表达语义状态,不作为任意样式选择器。
tone 变体
namespace: "doc_stat_tone_diff",
layout: {
"row:tones": {
"stat:info": {
label: "信息",
value: "42",
tone: "info"
},
"stat:success": {
label: "成功",
value: "98%",
tone: "success"
},
"stat:warning": {
label: "警告",
value: "73",
tone: "warning"
},
"stat:danger": {
label: "危险",
value: "5",
tone: "danger"
},
"stat:muted": {
label: "弱化",
value: "0",
tone: "muted"
}
}
}
}