Skip to content

Badge

Badges label status, categories or counts. They render as a <span> and support five colour variants and two sizes.

DefaultSecondarySuccessDestructiveOutline
Prop Type Default Description
variant 'default' | 'secondary' | 'destructive' | 'success' | 'outline' 'default' Visual style.
size 'sm' | 'md' 'md' Control padding and text.

All native <span> attributes are also accepted.