Badge

PreviousNext

Displays a badge or status indicator.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/badge/with-icon/page.tsx
import { Badge } from "@/components/ui/badge";
import { CheckIcon } from "lucide-react";

export default function BadgeWithIcon() {
  return (
    <Badge variant="outline">
      <CheckIcon className="size-3 text-green-700" />
      Completed
    </Badge>
  );
}

Installation

npx shadcn@latest add @bundui/badge-with-icon

Usage

import { BadgeWithIcon } from "@/components/badge-with-icon"
<BadgeWithIcon />