Campos de entrada

Sun Moon Switch

Un 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.

Dark mode

Cómo usar Sun Moon Switch

Un 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.

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: on, size, 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?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

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.

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.

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.