Capas superpuestas

Toolbar icon tooltip

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

Draft the release note, then reach for bold, italic, underline, a link, or alignment to keep it easy to scan.

Hover or focus a tool to preview it

Cómo usar Toolbar icon tooltip

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

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, align, sideOffset, accent

¿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

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.

2207Pop scale panelCapas superpuestasUn popover que se abre desde la mitad del tamaño, apunta una pequeña flecha hacia su gatillo, atenúa la página detrás de él y se cierra con Escape o un clic externo.

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.

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.

2300App folder expandCapas superpuestasUn mosaico de carpetas estilo pantalla de inicio cuyos pequeños íconos de aplicaciones crecen hasta convertirse en un panel completo, cada ícono viaja desde su miniatura hasta su lugar grande.

1923Bounce warning dialogCapas superpuestasUn cuadro de diálogo de confirmación que aparece con un exceso elástico y una insignia de icono que rebota, exigiendo una respuesta antes de que la página siguiente vuelva a ser utilizable.