Recently Viewed
Recently viewed
History strip card showing four recently viewed products as square thumbnails with their prices on a compact grid.
The import and the props worth knowing about, in one place.
import { Commerce19 } from "@/components/beste/piece/commerce19";
<Commerce19
items={[
{
"image": "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=200&auto=format&fit=crop",
"name": "Air Max 90",
"price": "$129"
},
{
"image": "https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=200&auto=format&fit=crop",
"name": "Diver Watch",
"price": "$420"
},
{
"image": "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=200&auto=format&fit=crop",
"name": "Leather Pack",
"price": "$340"
},
{
"image": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=200&auto=format&fit=crop",
"name": "Studio HP",
"price": "$299"
}
]}
/>
NewCatalog tile with a square product photo, a corner New tag, a heart save button, and a name, price, and star rating footer.
Mini cart-line card with product photo, name, variant, price, a minus/plus quantity stepper, and a tone-filled Add to cart button.
Frequently-bought-together row with product thumbnails joined by plus icons, a bundle total with a Save emerald chip, and a tone Add-items CTA.
£180 · 8 variants
£95 · 3 variants
£45
A catalogue as its owner sees it, each product arriving with its status dot and its price, and the tally at the top climbing as they land.
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.