Secondary Badge
Use the .badge class, followed by.badge-secondaryclass within element to create secondary badge.
Primary Badge
Use the .badge class, followed by.badge-primaryclass within element to create primary badge.
Success Badge
Use the .badge class, followed by.badge-successclass within element to create success badge.
Danger Badge
Use the .badge class, followed by.badge-dangerclass within element to create danger badge.
Info Badge
Use the .badge class, followed by.badge-infoclass within element to create info badge.
Warning Badge
Use the .badge class, followed by.badge-warningclass within element to create warning badge.
Custom Blue Grey Color Badge
Use the .badge class, followed by.bg-blue-greyclass within element to create blue grey badge.
Badges with Icons
Secondary Badge with Icon
Use the .badge class, followed by.badge-secondaryclass within element to create secondary badge.
Square Primary Badge with Icon
Use the .badge class, followed by.badge-square class for square bordered badge.
Round Success Badge with Icon
Use the .badge class, followed by.round class for round bordered badge.
Danger Badge with Icon
Use the .badge class, followed by.badge-dangerclass within element to create danger badge.
Square Info Badge with Icon
Use the .badge class, followed by.badge-squareclass for square badge.
Round Warning Badge with Icon
Use the .badge class, followed by.round class for round bordered.
Badges with Only Icons
Secondary Icon Badge
Use the .badge class, followed by.badge-secondaryclass within element to create secondary badge.
Square Icon Badge
Use the .badge class, followed by.badge-squareclass to square bordered badge.
Round Icon Badge
Use the .badge class, followed by.round class for round warning badge.
Danger Icon Badge
Use the .badge class, followed by.badge-dangerclass within element to create danger badge.
Square Icon Badge
Use the .badge class, followed by.badge-square class to square bordered badge.
Round Icon Badge
Use the .badge class, followed by.round class for round warning badge.
Badges With Links
Badges With Dropdown
Block Badges
Use .block class with .badge, to set block badge.