Botones

Tooltip tint icon row

Una fila de botones de iconos circulares donde, al pasar el cursor sobre uno, se levanta una burbuja etiquetada encima y los inunda con el propio tinte de ese elemento.

Cómo usar Tooltip tint icon row

Una fila de botones de iconos circulares donde, al pasar el cursor sobre uno, se levanta una burbuja etiquetada encima y los inunda con el propio tinte de ese elemento.

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: size, gap, accent, perItemTint, lift, bounce

¿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

2611Lifting glyph rowBotonesUna fila corta de botones de solo íconos donde el glifo suspendido se eleva de la línea de base mientras un suave tinte circular se desvanece detrás de él, cada elemento teñido en su propio tono.

2037Shrinking cap icon rowBotonesUna fila de botones de íconos redondos cuyo relleno se esconde detrás de una tapa oscura que se colapsa al pasar el mouse, descubriendo el color desde el borde hacia adentro.

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.

2698Icon swell tooltipBotonesUn botón de ícono sin cromo cuyo glifo se hincha y cambia de color al pasar el mouse mientras un chip de etiqueta se despliega sobre él desde su borde izquierdo.

2568Quarter Turn Add ButtonBotonesUn signo más con un círculo que gira un cuarto de revolución y se solidifica cuando se le apunta, luego cambia instantáneamente a un trazo ligero mientras se sostiene.

2417Rising disc icon rowBotonesUna fila de botones con íconos anillados donde al pasar el mouse levanta un disco lleno desde detrás de su anillo, dejando el glifo oscurecido dentro del contorno vacío.