Badge
A small status or category label: 5 colors × 2 emphasis levels.
New
Variants
NeutralAccentSuccessWarningDanger
Emphasis
SubtleSolid
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'neutral' | Color scheme. |
| emphasis | 'subtle' | 'solid' | 'subtle' | Fill strength. |
| leftIcon | ReactNode | Icon before the label. | |
| rightIcon | ReactNode | Icon after the label. | |
| children | ReactNode | Badge label. |