Default Badge
<Badge>Default Badge</Badge>
The content of the badge.
color
"gray" | "blue" | "green" | "orange" | "red" | "purple" | "white" | "surface" | "white-destructive" | "surface-destructive"
default: gray
The color theme of the badge.
size
"xs" | "sm" | "md" | "lg"
default: md
shape
"rounded" | "pill"
default: rounded
The shape of the badge corners.
Icon before the text. Use a Lucide icon name (e.g., "check", "clock").
Adds a border stroke around the badge.
Renders the badge in a disabled/muted state.
GrayBlueGreenOrangeRedPurpleWhiteSurfaceWhite DestructiveSurface Destructive
Extra SmallSmallMediumLarge
RoundedPill
SuccessPendingBlockedFeaturedPrivate
With StrokeDisabled