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';
Vercel banner