Tag

Tags differentiate items through a read-only text value in a colored bg. They can be secondary or primary, given their relevance to the main job.

Optional props

variant

Tag variant

type
primary
secondary
default
primary

color

Tag color

type
gray
red
teal
purple
pink
green
cyan
blue
orange
yellow
default
gray

size

Tag size

type
normal
large
default
normal