# UGBadge 徽标

> 适配器：Vue；状态：available；slug：`badge`。

用于状态标记、分类标签与数量提示的轻量徽标。

## 适用场景

- 短状态、分类、计数和紧凑标记。

## 不适用场景

- 可编辑或可移除的关键词；使用 Tag。
- 长说明或页面级反馈；使用 Alert。

## 公开入口

- 包入口：`@ug666/ui-vue/primitives`
- 公开成员：`UGBadge`
- 交互文档：[https://ui.ug666.top/vue/components/badge](https://ui.ug666.top/vue/components/badge)

```vue
import { UGBadge } from '@ug666/ui-vue/primitives'
```

## 使用规则

- 纯状态点使用 dot，并提供 aria-label；带文字状态点让可见文字承担名称。
- 双向值优先使用组件声明的 v-model 参数。
- 事件、插槽和 expose 以 Vue 类型为准，不照搬 React 回调名。
- 只通过公开 Props、事件、插槽、class/className 和语义 Token 扩展。

## 相关候选

- [tag](https://ui.ug666.top/ai/vue/components/tag.md)
- [alert](https://ui.ug666.top/ai/vue/components/alert.md)
- [statistic](https://ui.ug666.top/ai/vue/components/statistic.md)

## 生成前检查

- 当前适配器是否真实提供该组件。
- 导入路径、组件名和 API 是否存在于当前版本类型声明。
- 是否覆盖长文本、窄容器、键盘、焦点、disabled、loading 和错误状态。