Docs
Badge
Badge
Badge component is a versatile element designed to display badges or components resembling badges. Whether indicating status, notifications, or achievements, the Badge enhances visual communication within your user interface. It adds a touch of customization and clarity, making certain elements stand out.
Badge
Installation
yarn add @camped-ui/badgeUsage
import { Badge } from "@camped-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 "@camped-ui/badge";<Link className={badgeVariants({ variant: "outline" })}>Badge</Link>Examples
Default
Badge
Secondary
Secondary
Outline
Outline
Destructive
Destructive