# Badge A small badge component used to display status information or labels. ## Import ```tsx import { Badge } from "zudoku/ui/Badge"; ``` ## Variants ### Default Default ```tsx Default ``` ### Secondary Secondary ```tsx Secondary ``` ### Muted Muted ```tsx Muted ``` ### Destructive Destructive ```tsx Destructive ``` ### Outline Outline ```tsx Outline ``` ## Usage Badges are perfect for showing status, categories, or counts:

New Main 10

```tsx New Main 10 ```