# Badge

> Compact status and category labels.

Import from `@aspyn-io/kit`. Scaffold source: `npx shadcn@latest add https://design.aspyn.io/r/badge.json`

## Install

```tsx
import { Badge } from "@aspyn-io/kit";
```

### Variants

```tsx
<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>
```

### With icon

Icons auto-size and sit inline with the label.

```tsx
<Badge variant="secondary">
  <CheckIcon />
  Verified
</Badge>
```

### As a link

Render the badge as any element with asChild — e.g. a link chip.

```tsx
<Badge asChild>
  <a href="/tags/new">New</a>
</Badge>
```

## Notes

- Inherited from shadcn/ui. Variants: default, secondary, destructive, outline (plus ghost and link).
- Use asChild to render the badge as a link or button while keeping the badge styling.