Badges

Documentation and examples for badges, our small count and labeling component.
Badges Size
Can add .badge-xs .badge-sm .badge-md .badge-lg .badge-xl class to change badges size.
Extra Small Small Meduim Large Extra Large
Position
Use utilities to modify a .badge and position it in the corner of a link or button.
Background Colors
Add .btn-{variants name} to change background color.
Border Badges
Add .border-badge to change outline border.
Square Badges
Add .square-badge to change border radius.
Rounded Badges
Add .rounded-badge to change border radius.
Square Badges
Add .light and .badge-* to change color style.
Primary Secondary Success Danger Warning info Light Dark