Docs
BigBadge
BigBadge
Displays a big badge or a component that looks like a big badge.
Badge
Installation
npx rrf-shadcn-ui@latest add bigBadgeUsage
import { BigBadge } from "@/components/ui/bigBadge"<BigBadge variant="outline">Badge</BigBadge>Link
You can use the bigBadgeVariants helper to create a link that looks like a big badge.
import { bigBadgeVariants } from "@/components/ui/bigBadge"<Link className={bigBadgeVariants({ variant: "outline" })}>Big Badge</Link>Examples
Default
Badge
Secondary
Secondary
Outline
Outline
Destructive
Destructive