---
title: Badge 徽标
nav:
  title: 组件
  path: /component
group:
  title: 展示组件
  path: /show
  order: 3
---

# Badge 徽标

> 在右上角展示徽标数字或小红点。

## 何时使用

一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。

## 代码演示

<code src="./__fixtures__/base.tsx"></code>

<code src="./__fixtures__/status.tsx"></code>

<API></API>