Botones

Squaring backer button

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

Cómo usar Squaring backer button

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

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, label, tilt, scale, showArrow

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

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.

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.

2485Rocking icon CTABotonesUna píldora de acento sólido cuyo ícono de calendario principal se balancea como un metrónomo al pasar el mouse y, cuando se hace clic, dibuja una marca y cambia el texto a una etiqueta confirmada antes de regresar.

2578Swelling pill buttonBotonesUna pastilla de gradiente de un tono que se hincha al pasar el mouse mientras una sombra teñida se extiende debajo y se comprime brevemente cuando se presiona.