Add to Cart

Mini cart-line card with product photo, name, variant, price, a minus/plus quantity stepper, and a tone-filled Add to cart button.

Nomad Diver Watch
Nomad Diver WatchBlack · Steel band
$420
1

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

Import & use
import { Commerce6 } from "@/components/beste/piece/commerce6";

<Commerce6
  image="https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=256&auto=format&fit=crop"
  name="Nomad Diver Watch"
  variant="Black · Steel band"
  price="$420"
  qty={1}
  tone="foreground"
/>