Interruptor

Un botón interruptor o toggle se emplea cuando se desea cambiar rápidamente entre dos estados excluyentes entre sí.

Variantes #

Alternar iconos #

Para mostrar y ocultar. Se suele utilizar como elemento de filtrado.

Conmutador (switch) #

Se emplea cuando el resultado de la acción es inmediato y nos permite customizar estados. Siempre se deben incluir dos etiquetas de texto que expliquen claramente las dos opciones que presenta este interruptor (Por ejemplo: Activado/Desactivado).

Tamaños #

No deben convivir en un mismo grupo componentes de diferentes tamaños.

Por defecto #

Utilizar por defecto para cualquier tipo de situaciones y layouts. Siempre que sea posible se recomienda usar este tamaño por motivos de accesibilidad.

Pequeño #

Se recomienda su uso cuando el elemento estándar es demasiado grande para el espacio donde debe de encajar, por ejemplo en tablas, en algunas cards, etc.