Botones

Lozenge swipe highlight

Una etiqueta monoespacial desnuda con un rombo de color estacionado a su derecha que se desliza y se extiende hasta resaltar completamente al pasar el mouse.

Cómo usar Lozenge swipe highlight

Una etiqueta monoespacial desnuda con un rombo de color estacionado a su derecha que se desliza y se extiende hasta resaltar completamente al pasar el mouse.

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, dotSize, springiness, durationMs

¿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

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.

1647Pressed highlight toggleBotonesUn botón de icono de dos estados que mantiene visible su estado presionado con un bloque resaltado redondeado que crece detrás del glifo desde el centro hacia afuera.

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.

2715Glide swap buttonBotonesUn botón de ancho fijo que desliza su etiqueta por el borde derecho mientras el glifo se desliza hacia el centro, todo ello asentado sobre una repisa de color duro sobre la que cae el botón cuando se presiona.

2476Icon reveal chipBotonesUn pequeño chip delineado que se inunda con su acento al pasar el mouse mientras la etiqueta se desliza hacia la izquierda y un glifo oculto se desvanece desde la derecha.

2630Keycap lift buttonBotonesUn botón de llave mecánica que se levanta al pasar el mouse, mantiene un borde inferior sólido e intercambia toda su pila de sombras hacia adentro cuando se presiona.