A badge
Badge
Installation
npx nyxb@latest add badgeUsage
import { Badge } from "~/components/ui/badge"<Badge variant="outline">Badge</Badge>Link
You can use the badgeVariants helper to create a link that looks like a badge.
import { badgeVariants } from "~/components/ui/badge"<Link className={badgeVariants({ variant: "outline" })}>Badge</Link>Examples
Default
A badge
Badge
Secondary
A badge using secondary as variant.
Secondary
Outline
A badge using outline as variant.
Outline
Destructive
A destructive badge.
Destructive