Customization

Updated on May 13, 2026

You can attach Tooltip handlers to a host element and keep the Tooltip instance separate from its targets. The host forwards events to a TooltipHandle, while the standalone Tooltip is configured with anchorElement="anchor" and parentTitle.

For this setup to work as expected:

• Attach onPointerOver and onPointerLeave to the container element.
• Forward these events to handleMouseOver and handleMouseLeave through a TooltipHandle ref.
• Keep focusable targets inside the container and add a title attribute to each target.

In the following demo the handlers are attached to the highlighted container.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Tooltip