Components
Badge
A neobrutalist label for statuses, counts and tags, with default, outline, solid and surface variants and small, medium and large sizes.
import { Badge } from "@/components/ui/badge";
export default function BadgeStyleRounded() {
return (
<div className="space-x-4">
<Badge variant="solid" className="rounded-sm">
Rounded
</Badge>
<Badge variant="solid" className="rounded-full">
Full
</Badge>
</div>
);
}