Botones

Latching icon toggle

Un botón cuadrado que se enciende y apaga: una placa llena se desvanece, el glifo se intercambia por su contraparte coincidente y un título al lado explica el estado en palabras.

Cómo usar Latching icon toggle

Un botón cuadrado que se enciende y apaga: una placa llena se desvanece, el glifo se intercambia por su contraparte coincidente y un título al lado explica el estado en palabras.

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: glyph, startPressed, accent, size, showCaption

¿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

2115Bookmark save chipBotonesUn chip de guardado compacto cuya marca de marcador pasa del contorno al relleno y da un pequeño tirón hacia abajo en el momento en que se guarda un elemento.

2473Follow latch chipBotonesUn chip de seguimiento que obtiene una vista previa de su estado de llenado al pasar el cursor y se bloquea allí al hacer clic, cambiando a un mensaje para dejar de seguir con un tono de advertencia cuando se vuelve a colocar el cursor sobre él.

1634Format toggle buttonBotonesUn botón de icono que mantiene un estado de encendido o apagado y que, al presionarlo, difumina una placa redondeada detrás de su glifo.

1644Press plate toggleBotonesUn botón simple de dos estados cuya placa llena se desvanece detrás de su contenido cuando se presiona, con el estado legible y configurable desde fuera del botón.

2575Bookmark save toggleBotonesUn chip de guardado compacto cuyo glifo de marcador se llena de forma sólida y mantiene un borde fino una vez que se guarda el elemento.

2550Captioned Like ButtonBotonesUn botón de corazón solo con ícono que revela un título que se eleva desde abajo al pasar el cursor o al enfocar, y se llena con un rápido sobrepaso cuando se desea.