Saltearse al contenido

Tooltip

En Kotlin envuelve material3.TooltipBox/PlainTooltip — el disparo por hover/long-press y el posicionamiento son justo lo que tendríamos que reimplementar a mano (misma razón por la que OrbitSlider envuelve Material en vez de construir desde cero). La burbuja es un color fijo e invertido respecto al tema de la app (negro con texto blanco en modo claro, blanco con texto negro en modo oscuro) — no sigue el stack surface.* como el resto de Orbit, ya que ese stack no da suficiente contraste en ambos modos para un tooltip. radius.sm (6px, “tooltip” en la escala de radios), con una puntita (caretShape) que se orienta sola según de qué lado del anchor termine apareciendo la burbuja. No se cierra solo por timeout mientras el puntero siga sobre el anchor.

Uso

En web, el trigger va en el slot anchor.

Generar
<orbit-tooltip text="Genera el código con IA">
<orbit-button slot="anchor" leading-icon="code">Generar</orbit-button>
</orbit-tooltip>

Props

PropTipoDefaultDescripción
textstring—Texto del tooltip.
anchor (Kotlin) / slot anchor (web)composable / slot—El elemento que dispara el tooltip al hacer hover/focus.