Badge
Displays a badge or a component that looks like a badge.
PrimarySecondarySuccessWarningDangerOutline
Installation
Import from the package. Do not run shadcn add in your app.
import { Badge } from "@carsxe/design-system/components/badge"Usage
import { Badge } from "@carsxe/design-system/components/badge"
<Badge>Badge</Badge>Success
Success
Warning
Warning
Outline
Outline
API Reference
| Prop | Type | Default |
|---|---|---|
| variant | "default" | "secondary" | "success" | "warning" | "destructive" | "outline" | "ghost" | "link" | "default" |