Status and label indicator with variants.
import { Badge } from "@/components/ui";<Badge>Default</Badge>Different badge styles
<div className="flex gap-2"> <Badge variant="default">Default</Badge> <Badge variant="secondary">Secondary</Badge> <Badge variant="outline">Outline</Badge> <Badge variant="destructive">Destructive</Badge> <Badge variant="success">Success</Badge> <Badge variant="warning">Warning</Badge></div>Status indicator dot
<Badge dot variant="success">Online</Badge>Configure your app with the features you need and download production-ready code.
Start Configuring