kampsy-ui

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

Sizes
small
medium
large

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

Pill

A special link, not quite as prominent as a button, based on <Badge /> styling.

label label label
label label label