badge-destructive-variant-demo

PreviousNext
Docs
pureuiexample

Preview

Loading preview…
registry/pure-ui/examples/badge/badge-destructive-variant-demo.tsx
import { Badge } from "@/registry/pure-ui/ui/badge";

export function BadgeDestructiveVariantDemo() {
  return (
    <div className="flex flex-wrap items-center gap-2 md:flex-row">
      <Badge variant="destructive" shape="bar">
        Destructive
      </Badge>
    </div>
  );
}

Installation

npx shadcn@latest add @pureui/badge-destructive-variant-demo

Usage

import { BadgeDestructiveVariantDemo } from "@/components/badge-destructive-variant-demo"
<BadgeDestructiveVariantDemo />