Active
Badge
A compact label for status, category or counts.
Usageimport { Badge } from "./Badge";
1import { Badge } from "./Badge";2 3<Badge>Active</Badge>Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| tone | neutral | success | warning | danger | success |
| children | string | Active |