Badges
Documentation and examples for badges, our small count and labeling component.
Badge Sizes
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Badge Button
Badges can be used as part of links or buttons to provide a counter.
Badge Sizes
New
New
New
New
New
New
Contextual variations
Add any of the below mentioned modifier classes to change the appearance of a badge.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Badge Borders
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Badge Pills
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Badge Border Pills
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark