# tui-badge

The TUI Badge component provides small inline labels to highlight statuses, categories, or counts. It supports solid and outline styles, with color variants.

## Basic

```html
<!--@include: ./parts/badge.md-->
```

<div class="flex gap-2 flex-wrap">
<!--@include: ./parts/badge.md-->
</div>

## Variants

```html
<!--@include: ./parts/badge-variants.md-->
```

<div class="flex items-start gap-2 flex-wrap">
<!--@include: ./parts/badge-variants.md-->
</div>