Botones

Spotlight fill button

Un botón de pastilla con un acento saturado que atenúa su relleno bajo un velo oscuro al pasar el mouse mientras un suave foco ovalado sigue el puntero.

Cómo usar Spotlight fill button

Un botón de pastilla con un acento saturado que atenúa su relleno bajo un velo oscuro al pasar el mouse mientras un suave foco ovalado sigue el puntero.

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, spotSize, dim, followPointer

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

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

Conecta tu agente

Relacionados

1926Brightening gradient buttonBotonesUn chip profundo de dos tonos cuyo lavado vertical sube a un par mucho más brillante de la misma familia al pasar el mouse, con un resaltado de vidrio fijo a lo largo de su borde superior.

2314Charge Up Action ButtonBotonesUna pastilla de carbón que se enciende en una tecla de gradiente saturado al flotar y se eleva de la superficie mientras su marca gira y se ilumina.

2711Count Sweep CTABotonesUn llamado a la acción compacto y oscuro con una marca principal, un divisor y un conteo en vivo, atravesado por una lenta raya de luz diagonal al pasar el mouse.

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.

2763Draining fill buttonBotonesUn botón inundado que sale de un borde al pasar el cursor, dejando un contorno hueco con la etiqueta volteada para resaltar.

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.