Basic
PrimarySecondarySuccessDangerWarningInfoDark
Outline
PrimarySecondarySuccessDangerWarningInfoDark
Pills
Primary
Primary
Classic
Primary
Primary
Badges with Heading

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

Example heading Primary

Example heading Success

Example heading Info

Example heading Warning

Example heading Danger
Example heading Dark
Custom Badges
imgJohn DoeimgJohn Doex