Botones

Underline sweep link

Un botón de texto simple cuya regla crece desde la izquierda al pasar el mouse y retrocede hacia la derecha al salir, con una flecha larga que se extiende hacia adelante.

Cómo usar Underline sweep link

Un botón de texto simple cuya regla crece desde la izquierda al pasar el mouse y retrocede hacia la derecha al salir, con una flecha larga que se extiende hacia adelante.

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, accent, travel, ruleWidth

¿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

2459Underline Wipe LinkBotonesUn enlace de texto en mayúsculas cuya regla se desplaza desde la izquierda al pasar el mouse y se retrae hacia la derecha al salir, con una flecha larga que se desliza hacia casa.

1929Center out underline linkBotonesUn enlace de navegación cuyo subrayado crece hacia afuera desde el centro hasta ambos extremos al pasar el cursor y se retrae hasta un punto cuando el puntero se aleja.

2362Growing Pill BackdropBotonesUna etiqueta desnuda con un disco tintado escondido detrás de sus primeras letras que crece hasta convertirse en una pastilla completa al pasar el cursor mientras la flecha se desliza hacia su lugar.

2601Arrow relay badge pillBotonesUn botón de pastilla con una insignia redonda izquierda cuya flecha sale por la esquina superior al pasar el mouse, mientras que una nueva llega desde abajo y el cuerpo se vuelve casi negro.

2683Arrow wipe buttonBotonesUn botón de pastilla cuya placa decorativa, cortada en forma de punta de flecha, se desplaza desde la izquierda al pasar el mouse e invierte la etiqueta letra por letra a medida que su punta se cruza.

1629Arrow wipe call to actionBotonesUna llamada a la acción cuya placa más oscura aparece desde la izquierda al pasar el mouse mientras una flecha escondida se desliza hacia afuera para encontrarse con la etiqueta y empuja un píxel hacia abajo cuando se hace clic.