Badge
A small label for status indicators, categories, or counts.
Usage
Shapes
Outline Variants
Use the outline prop for a bordered style across all color variants.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info' | 'neutral' | 'default' | The color variant. |
shape | 'pill' | 'tag' | 'pill' | The shape style. |
outline | boolean | false | Whether to use outline style. |