Badges

Scale to parent

Heading New

Heading New

Heading New

Heading New

Heading New
Heading New

Badges can be used as part of links or buttons to provide a counter.

Contextual variations
Primary Secondary Success Danger Warning Info Light Dark
Pills
Primary Secondary Success Danger Warning Info Light Dark

Adding the href prop (without specifying a tag prop) will default the badge to a link.