Toggle

Componente de control se usa para cambiar rápidamente entre dos estados posibles, comúnmente para acciones de 〝encendido / apagado〞.

Se deben utilizar literales claros y concisos. Han de ser textos explícitos sobre la acción que seguirá si se realiza la selección. Las etiquetas aparecen siempre a la derecha del toggle.

Variaciones y tipos

Diferenciamos entre simple toggle y toggle text.

Simple Toggle

Elemento de interacción para una toma de decisión que puede ir acompañado de un label o no, según el contexto de uso.

Toggle Text

Esta versión de toggle que siempre lleva un literal asociado al contenido que aparece según interactúas con él.

Estados

  • Unselected Default
    Su estado por defecto.

  • Unselected Disabled
    El usuario no ha tomado interactuado con el Toggle, pero esta toma de decisón está bloqueda para él.

  • Selected Default
    Estado seleccionado.

  • Selected Disabled
    Estado seleccionado que no puede ser modificado por el usuario.