Badge 标记
用于按钮、图标旁的数字或状态标记。
获取组件
import { Badge } from 'rsuite';
//or
import Badge from 'rsuite/Badge';演示
默认
附加内容
不可见的
独立使用
彩色指示器
color 属性设置徽标提示点样式，选项包括: 'red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'。
Props
<Badge>
| 属性名称 | 类型(默认值) |
描述 |
|---|---|---|
| children | ReactNode | 包裹的组件 |
| classPrefix | string ('badge') |
组件 CSS 类的前缀 |
| content | ReactNode | 内容 |
| color | Color | 设置颜色 |
| maxCount | number(99) |
最大计数（仅当 content 为 number 类型时有效） |
ts:Color
type Color = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'violet';