Badges
Badges
Use badge bg-*to create default badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
Gradient Badges
Use badge bg-*-gradientto create gradient color badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
Pill Badges
Use badge rounded-pill bg-*to create rounded pill badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
Gradient Pill Badges
Use badge rounded-pill bg-*-gradientto create gradient color pill badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
Buttons with square Badges
Use badge bg-*inside btn btn-*to create buttons with square badges.
Outline buttons with square Badges
Use badge bg-*inside btn btn-outline-*to create outline buttons with square badges.
Buttons with rounded Badges
Use badge rounded-pill bg-*inside btn btn-*to create outline buttons with rounded badges.
Border buttons with rounded Badges
Simple Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Colored Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Extra-Small Badges
Use badge badge-xsto create Extra-Small badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
Small Badges
Use badge badge-smto create Extra-Small badges.
DefaultPrimarySecondarySuccessInfoWarningDangerLightDark
