Badge
A small label for status, counts, or categories.
Updated
Variants
<Badge>Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>A small label for status, counts, or categories.
Installation
railbase ui add badge
Peer dependencies:
npm install class-variance-authority
Usage
import { Badge } from "@/lib/ui/badge";
<Badge>New</Badge>
<Badge variant="secondary">Beta</Badge>
<Badge variant="destructive">Error</Badge>
Anatomy
Exported parts: badgeVariants · Badge