Cargando documentación…
Cargando documentación…
NotHeadless UI
Un carrito lateral (slide-over). Se revalida con tu servidor cada vez que se abre, muestra los problemas que informa el servidor en cada línea con un arreglo de un clic (por ejemplo, “Ajustar a 10”) y tiene un campo de cupón opcional.
Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.
Agregá algo desde la página de AddToCartButton para llenar este carrito de ejemplo.
// una sola vez, en el layout raíz
<CartSheet />
// en cualquier lugar
<CartTrigger />
// armá tu propia página de carrito
const { lines } = useCart()
<ul>{lines.map((l) => <CartLineItem key={l.variantId} line={l} />)}</ul>
<CartSummary showCoupon />