Botones

Disc to Pill CTA

Un 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.

Cómo usar Disc to Pill CTA

Un 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.

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, trackWidth, expandSeconds, arrowShift

¿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

2567Squaring backer buttonBotonesUna pastilla sólida con un gemelo inclinado detrás que se nivela y se enciende al flotar mientras una flecha se despliega desde la izquierda al lado de la etiqueta.

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.

2350Expanding chip back buttonBotonesUn botón de pastilla pálido cuyo chip decorativo se extiende a todo lo ancho al pasar el mouse, llevando su flecha hacia el otro lado mientras la etiqueta permanece en su lugar y se cubre.

1633Flip face buttonBotonesUn botón con dos caras que intercambia una por la otra en un giro tridimensional, invirtiendo su posición cuando el puntero sale.

2585Gap stretch arrow buttonBotonesUna pastilla de ancho fijo cuya flecha se desplaza hasta el borde más alejado al pasar el mouse, ampliando el espacio después de una etiqueta estacionaria, con una copia tenue del rastro siguiendo un ritmo detrás.

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.