Tooltip

A small contextual label shown on hover and focus, so it works for both pointer and keyboard users. The bubble has role="tooltip" and is wired to its trigger via aria-describedby while open. It appears after a short delay, dismisses on mouseleave, blur, or Esc, and flips to the opposite side if the preferred side would clip offscreen. Pass a single focusable element as the child — the Tooltip clones it to attach handlers and the ref. Honors prefers-reduced-motion.

Default (top, hover or focus)

Placement — top / bottom / left / right

No delay (instant)

Longer content (wraps, max-width capped)

Portaled (escapes overflow/clipping containers)