Badges

Default Badges

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges
Primary Secondary Success Danger Warning Info Light Dark
Heading Badges

Example heading New

Example heading New

Example heading New

Button Badges
Rounded Badges

Primary Secondary Success Danger Warning Info Light Dark

Custom Colors

Primary Secondary Success Live New Warning Info Light Dark

Rounded Badges

10 5 200 16 40 30 90 20

Documentation

This is default bootstrap component please check bootstrap link for complete documentation.

Component Docs

Code Example

<span class="badge badge-primary">New</span>