p-badge-11

PreviousNext

Badge with icon

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-badge-11.tsx
import { CheckIcon } from "lucide-react";

import { Badge } from "@/registry/default/ui/badge";

export default function Particle() {
  return (
    <Badge variant="outline">
      <CheckIcon />
      Verified
    </Badge>
  );
}

Installation

npx shadcn@latest add @coss/p-badge-11

Usage

import { PBadge11 } from "@/components/p-badge-11"
<PBadge11 />