Badge.
Compact semantic labels for state and metadata.
DefaultFeaturedConnectedPending
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
children | ReactNode | No | — | — | Badge text or other inline content. |
variant | "neutral" | "accent" | "success" | "warning" | No | neutral | neutral · accent · success · warning | Color treatment. |
className | string | No | — | — | Custom CSS class. |