# Badge

A count or short capsule anchored to an icon, avatar or menu label.

**Consumer provides:** The count or label and an `aria-label` that names what is counted.

```html
<span class="fdt-anchor"><svg class="fdt-icon">…</svg><span class="fdt-badge b-hostile" aria-label="7 unread notifications">7</span></span>
```

- `white` on `electric-500`/`hostile`; `navy-900` on `neutral`/`caution`.
- Anchored badges carry a 2px `navy-900` ring.