Badge colours and styles

Default Badge Primary Badge Info Badge Success Badge Warning Badge Danger Badge Dark Badge

Badges with Icons and no text

Bookmark Bookmark icon Check Check icon

Badges different colours

Gray red Yellow Green Blue Indigo Purple Pink

Badges sizes

Small Gray Medium Gray Base Gray Large Gray

Badges Outline

Outline Danger Outline Success Outline Warning

Badges Colours

Circle-full Circle-full icon Ruby on Rails Circle-full Circle-full icon JavaScript Circle-full Circle-full icon TypeScript Circle-full Circle-full icon Shell Circle-full Circle-full icon Go Circle-full Circle-full icon HTML 5

Badges with icons

Circle-check Circle-check icon Paid Clock Clock icon 2 minutes ago Info Info icon Default Badge Warning Warning icon Failed Receipt-text Receipt-text icon Refunded Circle-full Circle-full icon Badge

Brands Badges with leading icons

Github Github icon Github Facebook Basecamp

Brands Badges with trailing icons

Apple Apple icon Apple Google Google icon Google Twitter Twitter icon twitter

Badges with Close Buttons

Close it! Click button to close!

Guthub Badges

Github topic Github label Github label archive Github beta Github pro

Badges with Counters

Messages 5 Notifications 10

Dismissible Badges

Click it! Click to dismiss