Default

These are the default badge style.

Primary Success Danger Warning Info Light Dark

Colors

Select between any color you want.

Primary Secondary Tertiary Quaternary

Sizes

These are the sizes available for the badges.

Primary XS Primary SM Primary MD Primary LG Primary XL

Modern

Modern style alternative, with any skin color.


Headings

Using the badges inside the headings.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New