Saltar al contenido
Fieldbook
Menú
Iniciar sesión
ES

Campos de entrada

Multi select toggle row

Multi select toggle row: Una fila de botones de alternancia independientes, como opciones de formato de texto, donde cualquier número puede permanecer presionado a la vez.

Cómo usar Multi select toggle row

Multi select toggle row se presenta con el formato de vista previa «en línea» y el tema «claro/oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

ControlTipoValor inicialLímites de la vista previa
variantselectoutlineOpciones: outline, ghost
sizeselectmediumOpciones: small, medium, large
accentColorcolor#FF4D8DLos metadatos no indican otro límite.
¿Para qué frameworks está disponible Multi select toggle row?

Multi select toggle row está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Multi select toggle row?

Los metadatos de React indican estas dependencias npm además de React: motion.

¿Qué detalles de accesibilidad se observan en Multi select toggle row?

El código React de Multi select toggle row incluye: atributos y manejadores (aria-label, aria-pressed); roles explícitos (group). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Multi select toggle row el movimiento reducido?

Multi select toggle row consulta la preferencia de movimiento en su código React mediante matchMedia(prefers-reduced-motion). Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Check draw toggle de Fieldbook, de la categoría Campos de entrada.
1932Check draw toggleCampos de entradaUna casilla de verificación cuadrada cuya marca de verificación se dibuja trazo a trazo cuando está marcada, con una presión suave y una escala de desplazamiento.
Imagen fija del componente Latching square toggle de Fieldbook, de la categoría Campos de entrada.
2808Latching square toggleCampos de entradaUn botón de icono cuadrado compacto que se engancha entre un estado apagado con un contorno tenue y un estado presionado lleno de acento sólido.
Imagen fija del componente Multi-Date Picker de Fieldbook, de la categoría Campos de entrada.
2196Multi-Date PickerCampos de entradaUn calendario de dos meses para seleccionar un puñado de fechas individuales no consecutivas hasta un recuento máximo, y cada selección se muestra como su propio día completo.
Imagen fija del componente Settings Toggle Row de Fieldbook, de la categoría Campos de entrada.
2017Settings Toggle RowCampos de entradaUna fila de configuraciones etiquetadas que termina en un interruptor de encendido y apagado cuyo pulgar se estira al presionarlo y regresa cuando se asienta.
Imagen fija del componente Stacked option checklist de Fieldbook, de la categoría Campos de entrada.
2782Stacked option checklistCampos de entradaUna lista apilada de casillas de verificación etiquetadas que comparten una selección combinada, con un recuento continuo de cuántos elementos se eligen.
Imagen fija del componente Addon Input Group de Fieldbook, de la categoría Campos de entrada.
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.