Badge

A label that emphasizes an element that requires attention, or helps categorize with other similar elements.

Variants

gray gray-subtle
blue blue-subtle
purple purple-subtle
amber amber-subtle
red red-subtle
pink pink-subtle
green green-subtle
teal teal-subtle
inverted
trial
turborepo

Show code Hide code

Sizes

small
medium
large

Show code Hide code

With Icons

gray gray gray gray gray gray
blue blue blue blue blue blue
purple purple purple purple purple purple
amber amber amber amber amber amber
red red red red red red
pink pink pink pink pink pink
green green green green green green
teal teal teal teal teal teal
inverted inverted inverted

Show code Hide code