Tooltips display text labels when a user hovers over an element.

Show tooltip: Toggle whether tooltips are shown.

Content: What will be displayed in the tooltip?

Show arrow: Toggle whether the tooltip will contain an arrow.

Max width: Set maximum width of the tooltip.

Placement: Choose placement of the tooltip relative to the user's cursor.

Trigger: Choose whether the tooltip is triggered by a user hovering over or clicking on an element.

Show delay: Delay time to display tooltip.

Hide delay: Delay time to hide tooltip.

Follow cursor: How would you like the tooltip to follow your cursor? It can follow along the x-axis, y-axis, both, or none.

Interactive: When this is toggled on, users will be able to hover over and click inside the tooltip.

Last updated