Quantity selector

El selector de cantidad permite a los usuarios especificar la cantidad de un artículo o elemento en una interfaz de usuario.

Figma

Storybook

AEM

‍

Overview

Este componente es comúnmente utilizado en aplicaciones de comercio electrónico, sistemas de inventario y formularios donde se necesita ingresar una cantidad específica.

Nombre

Descripción / Uso

Ejemplo

No items found.

Variantes

‍

El quantity selector tiene variantes por estado de interacción.

Variantes según estado

Nombre

Descripción / Uso

Ejemplo

Default

Estado por defecto del componente

Disabled

Estado inactivo del componente

Empty

No podemos disminuir la cantidad más

Full

No podemos aumentar más la cantidad introducida

Nombre

Descripción / Uso

Ejemplo

No items found.

Opciones

Cada una de las variantes del componente tiene las siguientes opciones de configuración:

‍

Size

El componente tiene dos tamaños definidos para ajustarse al espacio disponible. La selección del tamaño adecuado dependerá de los diseñadores, quienes decidirán cuál se adapta mejor al diseño y contexto.