Skip to main content Skip to navigation Skip to search

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