Tooltip

Tooltip displays supporting text associated with its child content. Use it for a brief clarification that does not replace essential instructions.

Add and configure Tooltip

1. Click Add, choose Tooltip, and place it in the container.
2. Add the trigger content inside Tooltip.
3. Set Content > Tooltip > Text.
4. Use In-Builder Preview while styling, then configure Design > Tooltip and Spacing.
5. Save your changes.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Tooltip

Setting	Purpose and options	Behavior
Text	Visible text.	Shared
In-Builder Preview	On/off.	Shared

Design > Tooltip

Setting	Purpose and options	Behavior
Placement	Top, Top Start, Top End, Right, Right Start, Right End, Bottom, Bottom Start, Bottom End, Left, Left Start, Left End.	Shared
Offset	Set the numeric offset value.	Shared
Background	Color or supported fill.	Shared
Typography > Default	typography controls.	See linked controls
Typography > Headings	typography controls.	See linked controls
Typography > Paragraphs	typography controls.	See linked controls
Typography > Links	typography controls.	See linked controls
Typography > Space After	Space after and unit.	Shared
Padding	spacing controls.	See linked controls
Radius	Radius and unit.	Shared
Arrow > Disable	On/off.	Shared
Arrow > Size	Size and unit.	Shared
Arrow > Offset X	Offset x and unit.	Shared
Arrow > Offset Y	Offset y and unit.	Shared

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting