# 徽标 Badge

分类：反馈 · React：Badge

状态或数量的小标签：草稿、已写入、12。

## 示例
```html
<span class="xxd-badge">草稿</span> <span class="xxd-badge" data-tone="success">已写入</span> <span class="xxd-badge" data-tone="warning">待更新</span> <span class="xxd-badge" data-appearance="dot" data-tone="success">运行中</span> <span class="xxd-badge" data-variant="new">新</span>
```

## 属性与类名
- `data-tone`：action | success | danger | warning
- `data-variant`：solid | outline | new
- `data-appearance`：dot：点 + 字
- 类名：`xxd-badge`

## 键盘与读屏
- 颜色之外一定有文字；只有数字时补一句说明（aria-label="12 条未读"）
- 淡底徽标的文字对比度 ≥ 4.5:1