Nearby stores list where each row carries a semantic stock dot, store name, distance, and a chevron to drill into the location.
New here? Read the installation guide.
import { Commerce28 } from "@/components/beste/piece/commerce28";
<Commerce28
stores={[
{
"name": "SF Union Square",
"distance": "0.4 mi",
"stock": "in"
},
{
"name": "Hayes Valley",
"distance": "1.2 mi",
"stock": "low"
},
{
"name": "Mission District",
"distance": "2.8 mi",
"stock": "out"
}
]}
/>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.
Vertical shipment status with check, spinning, and pending dots connected by a tone-colored line, each row showing label and timestamp.
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.
Two-column comparison with product photos, names, prices, an emerald Pick badge on the recommended one, and attribute rows with text or check/X cells.