Badge
Inline label for status, categories, or metadata. 7 variants, 3 styles.
npx shadcn@latest add https://ds.ptrckschrdtr.de/r/badge.json Solid (default)
Default Primary Secondary Success Warning Error Info
Subtle
Default Primary Secondary Success Warning Error Info
Outline
Default Primary Success Error
Sizes & Dot
Small Medium Large With dot Error dot
Do
Use for short status words (max. 2 words).
Don't
Don't use as a clickable element — badges are informational only, not buttons.