Basic Badges
Heading Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Color Heading Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Buttons with Badges
Badges
Add any of the below mentioned modifier classes to change the appearance of a badge.
Default
Primary
Success
Danger
Info
Warning
Pill Badges
Use the.rounded-pill modifier class to
make badges more rounded.
Default
Primary
Success
Danger
Info
Warning
Buttons with Rounded Badges
Gradient Badges
Default
Primary
Success
Danger
Info
Warning
Gradient Pill Badges
Default
Primary
Success
Danger
Info
Warning