Campos de entrada

Vertical choice dial

Una columna alta de etiquetas que gira bajo arrastre con impulso y coloca la opción más cercana al centro en su lugar como opción activa.

Checkout

Delivery speed

Drag the list or use the arrow keys. Current pick: Standard

Cómo usar Vertical choice dial

Una columna alta de etiquetas que gira bajo arrastre con impulso y coloca la opción más cercana al centro en su lugar como opción activa.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: activeColor, textColor, spacing, loop

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2766Exposure dial sliderCampos de entradaUna vista previa de la foto con una lectura de exposición circular en su esquina encima de una regla de marcas que se puede arrastrar y que establece el valor de exposición en EV.

2297Addon Input GroupCampos de entradaUn campo de texto envuelto en un caparazón con borde que puede contener un ícono inicial, un botón final o texto, y comparte un anillo de enfoque en todo el grupo.

2108Appointment Range CardCampos de entradaUna tarjeta que combina una cuadrícula de fecha de un solo mes con un campo de hora de inicio y hora de finalización debajo, para seleccionar un día más una ventana de tiempo en un bloque compacto.

2109Appointment Scheduler CardCampos de entradaUn selector de fecha único enmarcado dentro de una tarjeta titulada con un botón para saltar a hoy en la esquina, diseñado para reservar una cita.

2792Auto Grow TextareaCampos de entradaUn campo de texto de varias líneas que crece a medida que la persona escribe más, en lugar de desplazarse dentro de un cuadro fijo.

2805Autosize text fieldCampos de entradaUna entrada de texto de varias líneas que crece a medida que la persona escribe, hasta un límite generoso, con un anillo de enfoque de acento y un estado deshabilitado.