About this piece
Price Stack
Pricing card with the sale price in rose, the original price struck through, a percent-off badge, and a countdown to sale end.
Usage
The import and the props worth knowing about, in one place.
import { Commerce5 } from "@/components/beste/piece/commerce5";
<Commerce5
name="Cashmere Crewneck"
sale="$189"
original="$260"
offPercent={27}
endsIn="Sale ends in 2d 4h"
/>More Commerce pieces
View all CommerceLimited Press Vinyl
$42.00Only 24 left
0 of 24 soldSelling fast
Stock Countdown
Product card whose stock bar shrinks a few units at a time as the Only N left badge warms from neutral to amber to rose, sells out, then restocks.
Promo code
SUMMER20
20% off applied
−$24.00Promo Code
Coupon entry with a tag-prefixed code field, an Apply button, and an emerald confirmation row showing the discount and amount saved.
Beste Goods · SF
INV-2026-04212× Air Max 90$258.00
1× Cotton Tee$48.00
1× Retro Shades$38.00
Subtotal$344.00
Total$368.14
Paid · Visa ending 4242Receipt Lines
Dashed-border receipt with the store name and order id, three monospaced quantity-name-price rows, a subtotal, and a bold final total with payment method.
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.
