Primitives
Badge
A compact status or label chip with five variants, optional dot indicator, and removable option.
Preview:1280px
SuccessWarningErrorInfoNeutralLiveRemovable
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'neutral' | Color variant of the badge. |
| dot | boolean | false | Show a small dot indicator before the label. |
| removable | boolean | false | Show a remove (x) button. |
| onRemove | () => void | - | Called when the remove button is clicked. |
| children | ReactNode | - | Badge label content. |