Skip to content

Tooltip

Tooltip(__namedParameters): ReactElement<unknown, string | JSXElementConstructor<any>> | null

Defined in: react/components/overlay/tooltip.tsx:45

A small, non-interactive hover hint anchored to a widget. It floats on a pass-through, focus-free overlay layer placed beside the anchor on the best-fitting side, so it never steals focus or blocks clicks. Pair it with useTooltip, which wires the hover-delay open/close:

const tip = useTooltip();
<Button ref={tip.ref} {...tip.triggerProps}>Save</Button>
<Tooltip {...tip.props}>Save your work (Ctrl+S)</Tooltip>

TooltipProps

ReactElement<unknown, string | JSXElementConstructor<any>> | null