Botones

Rising arrow link button

Un botón de leer más donde la etiqueta se desliza hacia los lados para abrir un espacio y una flecha sube desde debajo del borde inferior recortado.

Cómo usar Rising arrow link button

Un botón de leer más donde la etiqueta se desliza hacia los lados para abrir un espacio y una flecha sube desde debajo del borde inferior recortado.

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, duration, radius, labelShift

¿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

2622Disc to Pill CTABotonesUn pequeño disco lleno al lado de una etiqueta en mayúsculas desnuda se extiende hasta convertirse en una pastilla completa al pasar el cursor o enfocar, revelando el texto y arrastrando la flecha.

2513Slide under download buttonBotonesUn botón etiquetado que desliza una bandeja de acción brillante fuera de su placa al pasar el mouse o enfocar, con una flecha de descarga oscilante dentro de la bandeja.

2704Sliding send buttonBotonesUn botón de envío plano que se desliza hacia la derecha al pasar el mouse mientras se abre el espacio entre su etiqueta y la flecha, retrocede unos pocos píxeles al presionarlo y vuelve a colocarse al salir.

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.