Small label for status, counts or categories.
PRONew
Installation
pnpm dlx shadcn@latest add https://yea-ui.vercel.app/r/badge.json
Usage
import { Badge, badgeVariants } from "@/components/ui/badge"<Badge>New</Badge>API reference
Badge
Renders a span. Accepts every span prop.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "inverse" | "glass" | "inverse" | Solid inverse pill or frosted glass chip that follows the theme. |