Tooltip

A small hint that surfaces on hover or focus to explain a control.

Anatomy

Wrap any trigger and pair it with a popup. Reach for it when a control needs a short label that should not live in the layout itself, like an icon button or a compact action in a toolbar.

The popup mounts in a portal and arrives with a tiny scale-and-fade. An arrow points back at the trigger and flips with side.

API

Reference for each part of the component, including its available props and behavior.

Tooltip

The root. Tracks hover and focus and coordinates the open state. Wraps a trigger and a popup.

TooltipTrigger

The control that opens the tooltip. Use render to swap it for a button, a link, or any focusable element.

TooltipPopup

The floating content. Takes positioner props inline so you can set side, sideOffset, align, and alignOffset without reaching for a separate positioner part. Renders inside a portal with an arrow that points back at the trigger.