Skip to content

TooltipContent ​

Overview ​

The content panel of a Tooltip, rendered in a portal with an arrow.

Theme entry: TooltipContent

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
sideOffsetnumber4The distance in pixels from the trigger.
sidestringundefinedThe side of the trigger to show the tooltip on.
alignstringundefinedThe alignment of the tooltip relative to the trigger.
forceMountbooleanundefinedWhether to force mount the content.
ariaLabelstringundefinedWhether to show the arrow.

Slots ​

default ​

Slot.

Events ​

NameDescription
escapeKeyDownEmitted when the Escape key is pressed.
pointerDownOutsideEmitted when a pointer-down event occurs outside the content.

Full event reference

Source ​

client/lib/shell/tooltip/TooltipContent.vue