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

Empty circle Empty circle icon Ruby on Rails Empty circle Empty circle icon JavaScript Empty circle Empty circle icon TypeScript Empty circle Empty circle icon Shell Empty circle Empty circle icon Go Empty circle Empty circle icon HTML 5

Badges with icons

Check-circle Check-circle icon Paid Clock Clock icon 2 minutes ago Info Info icon Default Badge Failed Receipt refund Receipt refund icon Refunded Empty circle Empty circle icon Badge

Brands Badges with leading icons

Github Facebook Basecamp Basecamp icon Basecamp

Brands Badges with trailing icons

Apple Google 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