components · Data display
Badge
components/ui/badge.tsx
preview
Default
Secondary
Outline
Destructive
Success
variants
Default
defaultdefault
border-transparent bg-primary text-primary-foreground
variant="default"Secondary
secondary
border-transparent bg-secondary text-secondary-foreground
variant="secondary"Outline
outline
text-foreground border-border
variant="outline"Destructive
destructive
border-transparent bg-destructive text-destructive-foreground
variant="destructive"Success
success
border-transparent bg-success text-primary-foreground
variant="success"usage
not used in this app yetimport { Badge } from '@/components/ui/badge'
<Badge variant="default" />props
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}used on · 0
Not on a page yet.
tokens · 9
referenced in its filehistory · 0
no edits to this component yet (ID syncs not counted)