NotHeadless UI

QuantitySelector

Un stepper con entrada por teclado (↑/↓/Enter), limitado a [min, min(max, 99)].

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

max=5 (stock) · value=1

const { quantity, setQuantity, availability } = useProduct()
<QuantitySelector value={quantity} onChange={setQuantity} max={availability?.maxQuantity} />

Props

Prop	Tipo	Descripción
value / onChange	number / (n) => void	Valor controlado.
max	number = 99	Normalmente getAvailability(variant).maxQuantity. Siempre con tope de 99.
min	number = 1	Límite inferior.
size	"sm" \| "default" = "default"	Variante compacta para las líneas del carrito.

Cargando documentación…