Badge

A small status descriptor for UI elements.

npx shadcn@latest add badge

Default

Badge

Variants

default, secondary, destructive and outline.

DefaultSecondaryDestructiveOutline

With icon & counts

Icon badges and pill-shaped number/count badges.

VerifiedProAlert82499+