Badges
Color Badges
Use class
badge
with
badge-{color}
to create a color badge.
Primary
Secondary
Success
Danger
Warning
Info
Dark
Outline Badges
Use class badge with badge-outline-{color} to create an outline badge.
Primary
Secondary
Success
Danger
Warning
Info
Dark
Soft Badges
Use class badge with badge-soft-{color} to create a soft badge.
Primary
Secondary
Success
Danger
Warning
Info
Dark
Rounded Badges
Use class badge with badge-rounded to create a rounded badge.
Primary
Secondary
Success
Danger
Warning
Info
Dark
Badge With Icon
Example of badge with icon.
Completed
2 minutes ago
Failed