Skip to main content

Tooltip

This visual node adds a tooltip to the visual tree.

Inputs

DataDescription
Allow HTMLDetermines if content strings are parsed as HTML instead of text.
ContentThe content of the tooltip.
Background ColorThe background color of the tooltip.
Text StyleThe Text Style in the tooltip.
Max WidthSpecifies the maximum width of the tooltip.
ArrowDetermines if the tooltip has an arrow.
Corner RadiusThe corner radius of the tooltip.
Margin and PaddingThe padding of the tooltip.
PlacementThe preferred placement of the tooltip.
Follow CursorDetermines if the tooltip follows the user's mouse cursor.
Offset XDisplaces the tooltip from its reference element in pixels (skidding).
Offset YDisplaces the tooltip from its reference element in pixels (distance).
AnimationThe type of transition animation.
Delay ShowDelay in ms once a trigger event is fired before a tippy shows.
Delay HideDelay in ms once a trigger event is fired before a tippy hides.
Duration ShowDuration in ms of the transition animation.
Duration HideDuration in ms of the transition animation.
Hide On ClickDetermines if the tippy hides upon clicking the reference or outside of the tooltip. The behavior can depend upon the trigger events used.
TriggerDetermines the events that will show the tooltip.
InteractiveDetermines if the tooltip has interactive content inside of it, so that it can be hovered over and clicked inside without hiding.
Interactive BorderDetermines the size of the invisible border around the tooltip that will prevent it from hiding if the cursor left it.
Interactive DebounceDetermines the time in ms to debounce the interactive hide handler when the cursor leaves the tooltip's interactive region.
Shadow EnabledEnables and disables the shadow.
Offset XThe horizontal offset of the shadow. A positive value puts the shadow on the right side of the node, a negative value puts the shadow on the left side of the node.
Offset YThe vertical offset of the shadow. A positive value puts the shadow below the node, a negative value puts the shadow above node.
Blur RadiusThe blur radius. The higher the number, the blurrier the shadow will be.
Spread RadiusThe spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow.
InsetChanges the shadow from an outer shadow (outset) to an inner shadow.
Shadow ColorThe color of the shadow.
SignalDescription
ShowShow the tooltip.
HideHide the tooltip.

Outputs

DataDescription
Is OpenTrue, if the tooltip is open; Otherwise, false.
SignalDescription
ShownSends a signal when the tooltip is visible.
HiddenSends a signal when the tooltip is hidden.