CSS

These are the css classes needed to work with the spans that create badge elements.

Classes

CSS Class	Host Element(s)	Type	Description	Required
.badge	span	base	Set the base badge style.	true
.badge-purple	span	color	Add the Clarity purple color.	no
.badge-blue	span	color	Add the Clarity blue color.	no
.badge-orange	span	color	Add the Clarity orange color.	no
.badge-light-blue	span	color	Add the Clarity light blue color.	no
.badge-1	span	color	Add the Clarity gray color.	no
.badge-2	span	color	Add the Clarity purple color.	no
.badge-3	span	color	Add the Clarity blue color.	no
.badge-4	span	color	Add the Clarity orange color.	no
.badge-5	span	color	Add the Clarity light blue color.	no
.badge-info	span	color	Add the Clarity info color.	no
.badge-success	span	color	Add the Clarity success color.	no
.badge-warning	span	color	Add the Clarity warning color.	no
.badge-danger	span	color	Add the Clarity danger color.	no