Capas superpuestas

Flip Side Hint Tooltip

Una burbuja de sugerencia que aparece al pasar el mouse o al foco del teclado y que se voltea automáticamente hacia cualquier lado la mantiene completamente visible cerca del borde de la pantalla.

Cómo usar Flip Side Hint Tooltip

Una burbuja de sugerencia que aparece al pasar el mouse o al foco del teclado y que se voltea automáticamente hacia cualquier lado la mantiene completamente visible cerca del borde de la pantalla.

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: side, openDelay, accentColor

¿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

2137Cursor-chasing tooltipCapas superpuestasUna burbuja de pistas que aparece al pasar el cursor o al enfocar y puede deslizarse para seguir el puntero a medida que se mueve a través del gatillo.

1983Instant Hint TooltipCapas superpuestasUna pequeña etiqueta que se desvanece y se escala a la vista junto a un elemento al pasar el mouse o al foco del teclado, brindando una pista rápida sin agregar desorden visible.

2458Underline hint tooltipCapas superpuestasUna palabra subrayada con puntos que revela una breve burbuja de sugerencia encima o debajo de ella al pasar el cursor o con el teclado, impulsada completamente por CSS.

2214Resizing hint tooltipCapas superpuestasUna etiqueta flotante cuya burbuja cambia suavemente de tamaño cuando el texto es más largo o más corto, en lugar de cambiar de tamaño.

2257Toolbar icon tooltipCapas superpuestasUna fila de botones de la barra de herramientas que solo contienen íconos y que muestran una pequeña etiqueta con punta de flecha cerca del que esté sobre el cursor o enfocado.

2096Traveling Toolbar TooltipCapas superpuestasUna única información sobre herramientas flotante que se desliza suavemente de un ícono de la barra de herramientas al siguiente cuando el cursor o el foco se mueven entre ellos, en lugar de desaparecer y reaparecer cada vez.