Badge 标签
NOTE
标签组件用于显示状态、计数、分类等小标签。
何时使用
- 显示状态（如在线、离线、待处理）
- 显示数量或计数
- 分类标签
- 强调关键信息
代码演示
Primary 风格
实心阴影样式，适用于需要强调的标签
DefaultPrimaryDangerInfoSuccessWarning
Default 风格
边框轮廓样式，适用于一般标签
DefaultPrimaryDangerInfoSuccessWarning
Filled 风格
浅色填充样式，适用于次要信息
DefaultPrimaryDangerInfoSuccessWarning
Text 风格
无边框文字样式，适用于轻量标签
DefaultPrimaryDangerInfoSuccessWarning
尺寸
三种尺寸可选
SmallMediumLarge
API 参考
Badge
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| variant | "primary" | "default" | "filled" | "text" |
"default" |
样式变体 |
| color | "default" | "primary" | "danger" | "info" | "success" | "warning" |
"default" |
颜色主题 |
| size | "sm" | "md" | "lg" |
"md" |
尺寸 |
| children | ReactNode |
- | 标签内容 |
ON THIS PAGE