Promo Code

Coupon entry with a tag-prefixed code field, an Apply button, and an emerald confirmation row showing the discount and amount saved.

Promo code

SUMMER20

20% off applied

−$24.00

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

Import & use

import { Commerce11 } from "@/components/beste/piece/commerce11";

<Commerce11
  code="SUMMER20"
  applied={true}
  discount="20% off"
  saved="−$24.00"
/>