Campos de entrada

Latching square toggle

Un botón de icono cuadrado compacto que se engancha entre un estado apagado con un contorno tenue y un estado presionado lleno de acento sólido.

Tap to keep this release

Each square latches on its own, in three sizes

Cómo usar Latching square toggle

Un botón de icono cuadrado compacto que se engancha entre un estado apagado con un contorno tenue y un estado presionado lleno de acento sólido.

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: pressed, size, disabled, 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

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.

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.

2771Layout toggle switchCampos de entradaUn interruptor cuya perilla cruza la pista animando un cambio de diseño real en lugar de una traducción, por lo que el recorrido se mantiene exacto en cualquier ancho de 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.

2802Settings toggle switchCampos de entradaUn pequeño interruptor de encendido/apagado con una perilla deslizante que activa una sola configuración, su pista pasa de un acento apagado a un acento sólido mientras la perilla se estira como un elástico si se presiona en mitad de la diapositiva.