Tooltip ​

Brief, contextual, and non-intrusive pop-up message that provides supplementary information when hovering over an element in a user interface

The Component ​

Usage ​

The tooltip is positioned using popper.js. Use in combination with the useTooltip composition function to set the tooltip info object.

To make the tooltip follow the mouse instead of being positioned on an element, set the followMouse prop to true.

Data ​

Tooltip info object passed to setTooltip function from useTooltip composable:

{
  target: Element,
  data: {}
}

Optional: meta

Props ​

Events ​

Dependencies ​

• @popperjs/core
• useTooltip function