Coupon Code

Dashed-border tag with a monospace code on the left and a colored discount callout on the right.

BESTE20
20% OFF

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Badge3 } from "@/components/beste/piece/badge3";

<Badge3
  code="BESTE20"
  discount="20% OFF"
  tone="rose"
/>