Interruptor

Definición

Los interruptores (switches) permiten a la persona usuaria elegir entre dos opciones mutuamente excluyentes. La acción asociada al interruptor debe ejecutarse de forma inmediata, sin necesidad de pulsar un botón a continuación. Se utilizan en buscadores facetados, cuadros de mando...
 

Anatomía

Las partes del componente son:

1. Etiqueta: Breve texto que describe el sentido del interruptor o conjunto de interruptores. Es obligatoria si se presenta más de un interruptor.
2. Texto de acción: Describe la acción que sucede al activar o desactivar el interruptor.
3. Marca de verificación: Elemento circular que indica el estado del interruptor.

Tipos

Por defecto

Pautas de uso

Utiliza listas de opciones para acciones diferidas

Si la acción asociada al interruptor no se ejecuta inmediatamente sino que depende de interactuar con un botón, utiliza en su lugar listas de opciones de selección única o múltiple.

Cuida el etiquetado

• El texto de acción debe explicar claramente lo que sucederá al activar/desactivar el interruptor. Cuida que el texto sea preciso y breve (idealmente no más de dos palabras).
• Si incluyes varios interruptores en un grupo, incluye una etiqueta que aclare el significado global. 

Componentes relacionados 

Similar a:

• Selector
• Lista de opciones de selección única (radio button)
• Lista de opciones de selección múltiple (checkbox)

Forma parte de:

• Buscador facetado
• Buscador avanzado
• Formulario

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)

Control de versiones