# Badge 徽章

一般用于图标、头像、空间的右上角，表示消息数量、折扣信息。

## ⚠️ 注意

文本后跟随的彩色标签，请使用 [Tag](/component/tag) 组件。

## 使用示例

<!-- <Half> -->

### 基本用法

支持四种主题色及深色背景样式。

[Example: BadgeExample](./_example/BadgeExample.jsx)

### 点和环

可用于表格首列或列表首列。

[Example: BadgeDotAndRingExample](./_example/BadgeDotAndRingExample.jsx)

### Segment 中使用

可使用在 [Segment](/component/segment) 右上角。

[Example: BadgeSegmentExample](./_example/BadgeSegmentExample.jsx)

<!-- </Half> -->

## 组件属性

[Interface: BadgeProps](./Badge.tsx)