Badge
Compact labels for status, category, and metadata.
Default
A quiet filled label for neutral status and metadata.
Default
Outline
A low-emphasis label for categories and secondary information.
Outline
Status variants
Info, success, warning, and critical tones.
InformationSuccessWarningCritical
Status variants with icons
A symbol per tone, so status never relies on colour.
ScheduledActiveApproaching limitFailed
Sizes
Five sizes, from dense data to prominent labels.
xxsxssmmdlg
Radius
A soft radius for labels, a pill for counts.
Light radiusFully rounded
With icons
An icon before or after the label.
VerifiedFeatured
Icon only
A square badge for a symbol that speaks for itself.