NotHeadless UI

AddToCartButton

Agrega la variante seleccionada. Cuando no puede, el botón se deshabilita y el label explica por qué: falta elegir una opción, no hay stock, el precio es a consultar o se llegó al límite del carrito.

Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.

<ProductProvider product={product}>
  <AddToCartButton />
</ProductProvider>

// sin ProductProvider
<AddToCartButton product={product} productVariant={variant} quantity={2} openCart={false} onAdded={track} />

Props

Prop	Tipo	Descripción
product / productVariant / quantity	optional	Sobrescriben el contexto de ProductProvider.
openCart	boolean = true	Abre el CartSheet después de agregar.
onAdded	(variant, qty) => void	Hook para analytics.
...ButtonProps	Button	Cualquier prop de Button (variant, size, className…).

Cargando documentación…