Components
Badge
A small status or count label with 7 variants.
Loading...
Installation
npx shadcn@latest add @fujin/badgeUsage
import { Badge } from "@/components/ui/badge"<Badge variant="success">Paid</Badge>What's different from shadcn/ui
Three extra variants - success, warning, info - use the status tokens
@fujin/theme adds. They need that theme item installed (fujin init does
this for you).
API Reference
Prop
Type