Badge
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
BETA
Variants#
Loading…
With Dots#
Loading…
Sizes#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| dot | boolean | undefined | — | Show a colored leading dot. |
| icon | ReactNode | — | Optional leading icon (defers to children). |
| size | "sm" | "md" | "lg" | null | undefined | md | |
| variant | "ok" | "warn" | "err" | "neutral" | "accent" | "purple" | "pink" | "outline" | "solid" | null | undefined | neutral |