Badge
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 |