Badges - Badges
Contextual Badges
Bootstrap default contextual badges
PrimarySecondarySuccessDangerWarningInfoLightDark
Theme Color Badges
Badges with theme soft colors
BluePurpleTealOrangeGreenRedYellow
Light Badges
Badges with transparent background
BluePurpleTealOrangeGreenRedYellow
Outline Badges
Badges with border outline style
BluePurpleTealOrangeGreenRedYellow
Pill Badges
Badges with rounded pill shape
BluePurpleTealOrangeGreenRedYellow
Badge Sizes
Small, default, and large badges
Small:BluePurpleGreen
Default:BluePurpleGreen
Large:BluePurpleGreen
Badges with Icons
Badges enhanced with icons
ApprovedRejectedPendingProcessingFeaturedVerified
Badges in Buttons
Badges used as button counters
Badges in Headings
Badges used with heading text
Example headingNew
Example headingUpdated
Example headingBeta
Status Badges
Common status indicator badges
ActiveInactivePendingIn ProgressOn HoldCompleted
Notification Badges
Positioned notification indicators
5
12
3
99+
Dot Badges
Simple dot indicator badges
New alerts
New alerts
New alerts
New alerts
Badges in List Group
Badges used in list group items
- Inbox14
- Drafts3
- Sent28
- Trash5
- Tasks12 pending
- Issues5 critical
- Pull Requests3 open
- Completed47 done
