Badge
Compact semantic or categorical label.
Use Badge for compact status or category metadata that does not trigger an action. Each tone pairs a soft tint with its semantic foreground.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
children | Snippet | snippet | No | undefined |
tone | BadgeTone | prop | No | 'neutral' |
Examples
Source
Loading source