Badge
A small status label for categorizing, labeling, or indicating the status of items.
Variants
DefaultSecondaryDestructiveOutlinePositiveCautionInformativeImportant
Usage
New
Installation
Props
Extends all standard HTMLDivElement props.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "secondary" | "destructive" | "outline" | "positive" | "caution" | "informative" | "important" | "default" | The visual style of the badge. |
size | "default" | "microdot" | "default" | Sizing; "microdot" renders a tiny status dot. |
removable | boolean | false | Renders a trailing remove button. |
onRemove | () => void | — | Called when the remove button is clicked. |