Badges

  1. Components
  2. Badges
Default Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Square Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Default Light Colored Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Square Light Colored Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Outline Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Square Outline Badges
PrimarySecondaryWarningDangerInfoSuccessRedYellowGreenIndigoPurplePinkLightDark
Badges with Max-Width
This content is a little bit longer.This content is a little bit longer.This content is a little bit longer.This content is a little bit longer.This content is a little bit longer.This content is a little bit longer.
Badge With Button
Notifications5Notifications5Notifications5Notifications5Notifications5
Badges with Remove Buton
BadgeBadgeBadgeBadgeBadgeBadgeBadgeBadgeBadge
Badge With Indicator
BadgeBadgeBadgeBadgeBadgeBadgeBadgeBadgeBadge
Badge With Position
99+99+99+99+
Badge With Profile
profile-imgBadge valueprofile-imgBadge valueprofile-imgBadge valueprofile-imgBadge value
Customized Badges
Hot13.2kInbox32