Botones

Breathing transport toggle

Un chip de reproducción teñido que cambia entre reproducción y pausa al hacer clic, su glifo respira mientras el puntero descansa sobre él.

Cómo usar Breathing transport toggle

Un chip de reproducción teñido que cambia entre reproducción y pausa al hacer clic, su glifo respira mientras el puntero descansa sobre él.

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: accent, playing, breathSpeed, tint

¿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

2466Add Then Confirm ChipBotonesUn chip oscuro con una etiqueta cálida cuyo signo más se balancea de lado a lado al pasar el mouse, luego gira hasta convertirse en una marca e informa el elemento agregado.

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.

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.

2602Breathing CTA pillBotonesUna llamada a la acción de final redondo que aumenta al pasar el mouse y se asienta en un pulso de respiración lenta de escala y brillo hasta que el puntero se aleja o se presiona el botón.

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.

2675Chat launcher morphBotonesUn lanzador redondo cuyo contorno de bocadillo se vuelve a dibujar hasta convertirse en una marca cercana mientras sus tres puntos se alejan.