Badge
Badges are small labels used for status indicators, categories, or counts.
Variants & Colors
Badges support three variants across six semantic colors.
Primary
Secondary
Success
Warning
Error
Info
Primary
Secondary
Success
Warning
Error
Info
Primary
Secondary
Success
Warning
Error
Info
Sizes
Badges come in five sizes to fit different contexts.
XS
SM
MD
LG
XL
Rounded
Badges can be rounded for a pill-shaped appearance.
Default
Rounded
Published
Published