About this piece
Free Shipping Bar
Shipping threshold card with a truck icon, an amount-to-go message that flips emerald on qualifying, and a tone progress fill toward the goal.
Usage
The import and the props worth knowing about, in one place.
import { Commerce8 } from "@/components/beste/piece/commerce8";
<Commerce8
subtotal={48}
threshold={75}
currency="$"
tone="emerald"
/>More Commerce pieces
View all CommerceStandard3–5 business days
FreeExpress1–2 business days
$9.99Same-dayBy 9pm today
$19.99Shipping Methods
Shipping option picker with tone-bordered selection, a radio bullet, method icon, ETA line, and emerald price for free shipping.
Subtotal$284.00
ShippingFree
Tax (8.5%)$24.14
Discount · SUMMER20−$56.80
Total$251.34
Cart Summary
Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.
Order confirmed#SO-8241
$284.00Arrives Apr 26 – Apr 28
Receipt sent to hello@beste.coOrder Confirmation
Post-purchase card with an emerald check, order id, total price, a package-arrival line, and the receipt email destination.
Nomad Diver WatchBlack · Steel band
$4201
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.