Badge
Badges are inline block elements that usually appear near another element. Typically they contain a number or other characters. They can be used as a notification that there are additional items associated with an element and indicate how many items there are.
Badge
Color
-orange
-teal
-success
-warning
-danger
-black
-darker
-dark
-medium
-light
-lighter
-white
Size
-xlarge
-large
-lead
-regular
-small
-xsmall
Examples
With Icon
After Text
Size Classes
Xlarge
Large
Lead
Regular
Small
Xsmall