Iniciar sesión

Botones

Rocking icon CTA

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

Cómo usar Rocking icon CTA

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

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, confirmLabel, accent, rockDegrees, rockSeconds

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

Disc to Pill CTA

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.

2714Expanding icon pillBotonesUn botón de ícono redondo que se extiende hasta convertirse en una píldora etiquetada al pasar el mouse, intercambiando su glifo por una palabra cuando llega un relleno de acento.

2628Icon takeover deleteBotonesUn botón destructivo dividido en una palabra en negrita y una celda de icono estrecha; Al pasar el cursor o enfocar, la celda crece en todo el botón hasta que solo queda el glifo, con dos toques para confirmar al tocar.

2580Overshoot icon buttonBotonesUna pastilla pálida con un gran glifo ilustrado estacionado en su extremo izquierdo que tira hacia afuera más allá del borde y regresa al flotar o enfocar.

Ring halo pill button

2521Ring halo pill buttonBotonesUn botón tipo pastilla que mantiene un espacio claro alrededor de su núcleo de color, llena ese espacio con un anillo de acento iluminado al pasar el mouse o al enfocar el teclado, y se aprieta hacia adentro mientras se presiona.

Squaring backer button

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.