Customization

Updated on May 19, 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 Tooltip ref, while the standalone Tooltip is configured with anchor-element="anchor" and parent-title.

For this setup to work as expected:

• Attach mouseover and mouseout handlers to the container element.
• Forward these events to handleMouseOver and handleMouseOut through a Tooltip 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