Campos de entrada

Compact select menu

Un botón de activación que abre una lista flotante de opciones, con la selección actual mostrada en el botón y una marca de verificación al lado en la lista.

Framework

Runtime

Cómo usar Compact select menu

Un botón de activación que abre una lista flotante de opciones, con la selección actual mostrada en el botón y una marca de verificación al lado en la lista.

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: defaultValue, accent

¿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?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2796Grouped select menuCampos de entradaUna selección desplegable cuyas opciones se agrupan bajo encabezados de sección, con franjas de flechas en los bordes que se desplazan automáticamente por largas listas.

2783Styled native dropdownCampos de entradaUna selección nativa rediseñada con un borde personalizado, un anillo de enfoque y un galón mientras el sistema operativo sigue brindando el menú de opciones y el comportamiento del teclado.

2772Model picker prompt boxCampos de entradaUn compositor de mensajes con un campo de crecimiento automático, un menú desplegable para elegir qué asistente maneja la solicitud, un control de adjuntar y una acción de envío.

2421Searchable SelectCampos de entradaUn botón que abre una pequeña ventana emergente con un campo de búsqueda y una lista filtrable de opciones, para que alguien pueda escribir para limitar las opciones en lugar de desplazarse por un largo menú desplegable.

2053Springing radio groupCampos de entradaUn grupo de radio donde el punto elegido surge de la nada con un pequeño sobrepaso, mientras que el anterior se encoge y cada anillo crece ligeramente debajo del puntero.

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.