## Usage
Add `class="badge"` to an inline element. Add `data-variant` when the badge is not the default primary variant.
Inline SVG icons are spaced automatically by the badge gap.
```html
BadgeSecondaryDestructiveOutline
```
Badges support right-to-left layouts through native text flow. Flip directional icons explicitly.
## Examples
### Primary
Primary
### Secondary
Secondary
### Destructive
Destructive
### Outline
Outline
### With icon
With icon
### Link
Link
### Custom Colors
Custom
### RTL
Flip directional icons explicitly.