docs / actions / badge
Badge
Small status label. Variants: default, secondary, destructive, outline.
DefaultSecondaryDestructiveOutline
import { Badge } from "@/components/ui/badge"
<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>