TanStack

Badges

Small, rounded status labels. Source: src/ui/Badge.tsx.

Variants

Eight tones for status and categorization.

DefaultSuccessWarningErrorInfoPurpleTealOrange

In context

Badges sit inline alongside text and headings.

TanStack Query StableTanStack DB BetaDeprecated API Removed