Badges
Badge Examples
Add any of the below mentioned modifier classes to change the appearance of a badge.
Primary Secondary Success Danger Warning Info Light Dark
Pill Badges Examples
Documentation and examples for badges, our small count and labeling component.
Primary Secondary Success Danger Warning Info Light Dark
Badges Soft Examples
Documentation and examples for badges, our small count and labeling component.
Primary Secondary Success Danger Warning Info Purple Dark
Pill Badges Soft Examples
Documentation and examples for badges, our small count and labeling component.
Primary Secondary Success Danger Warning Info Pink Dark
Outline Badges Examples
Documentation and examples for badges, our small count and labeling component.
Primary Secondary Success Danger Warning Info Purple Dark
Outline Pill Badges Examples
Documentation and examples for badges, our small count and labeling component.
Primary Secondary Success Danger Warning Info Pink Dark
Buttons Examples
Badges can be used as part of links or buttons to provide a counter.
Buttons With Icon Examples
Badges can be used as part of links or buttons with icon to provide a counter.