Badge
A status badge with color × variant × size props for marking state on a row, card, or record — auto-derives a legible foreground from any token.
Colors (solid)
primarysecondaryaccentneutralinfosuccesswarningerrorbrandsilicabrand-duck
Variant · outline
primarysecondaryaccentneutralinfosuccesswarningerrorbrandsilicabrand-duck
Variant · soft
primarysecondaryaccentneutralinfosuccesswarningerrorbrandsilicabrand-duck
Variant · ghost
primarysecondaryaccentneutralinfosuccesswarningerrorbrandsilicabrand-duck
Variant · dash
primarysecondaryaccentneutralinfosuccesswarningerrorbrandsilicabrand-duck
Sizes
primaryprimaryprimaryprimaryprimary