Campos de entrada

Settings Toggle Row

Una fila de configuraciones etiquetadas que termina en un interruptor de encendido y apagado cuyo pulgar se estira al presionarlo y regresa cuando se asienta.

Notifications

Cómo usar Settings Toggle Row

Una fila de configuraciones etiquetadas que termina en un interruptor de encendido y apagado cuyo pulgar se estira al presionarlo y regresa cuando se asienta.

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: label, on, accentColor

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

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2058Sun Moon SwitchCampos de entradaUn interruptor de pastilla cuyo pulgar se desliza entre dos posiciones de reposo mientras un ícono de sol y un ícono de luna que flanquean la pista aparecen y desaparecen para coincidir.

2067Thumb icon switchCampos de entradaUn interruptor de píldora cuyo pulgar deslizante lleva su propio ícono pequeño, que se intercambia cuando el pulgar llega a cada extremo de la pista.

2759Bounce drop toggleCampos de entradaUn interruptor de palanca vertical alto cuya bola cae al fondo con un rebote cuando se apaga y se desliza hacia arriba con un resorte apretado cuando se enciende.

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.

1954Elastic toggle switchCampos de entradaUn interruptor de píldora cuyo pulgar redondo se aplasta hasta formar una masa mientras se presiona y vuelve a su forma redonda con un rebote suave, deslizándose entre un estado neutral y un relleno de acento sólido.

1980Icon crossfade switchCampos de entradaUn interruptor de palanca cuyo ícono del pulgar se desvanece y se escala hasta convertirse en un ícono diferente a medida que el interruptor cambia entre encendido y apagado.