Badge props including variant and standard div attributes
A styled badge element
Badges are used to highlight information like status, counts, or labels. Built on top of tailwind-variants for consistent styling.
// Default badge
<Badge>New</Badge>
// Secondary variant
<Badge variant="secondary">Draft</Badge>
// Destructive variant for warnings
<Badge variant="destructive">Error</Badge>
badgeVariants for available style variants
A small status indicator component for labels, counts, or statuses.