Badge

Badges are small status descriptors for UI elements. They can be used to show counts, labels, or status indicators.

Sizes

Size sm
Size md
Size lg

Types

primary
secondary
tertiary
transparent
inverse-light
inverse-dark
red
orange
yellow
green
blue
indigo
purple
pink
teal

Icon Only

All Variations

Size: sm

Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge

Size: md

Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge

Size: lg

Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge