Components · badge
Badge
A small stamp that labels an entry's status or kind.
npx shadcn add @patina/badgeVariants
default
Verified
secondary
Draft
destructive
Rejected
outline
Low tide
ghost
12 photos
link
Saltmarsh walk
As a link
Hover and focus
With icon and invalid
Icon
Verified 3 photos
Invalid
No location
In a list
- Grey heron07:42Verified
- Little egret08:05Draft
- Spoonbill?08:31Rejected