Location

Use the location prop to specify on which side of the element the tooltip should show

End TooltipStart TooltipTop TooltipBottom Tooltip

Events

Open On HoverOpen On clickOpen On Hover + Focus

Delay On Hover

Delay (in ms) after which tooltip opens (when open-on-hover prop is set to true)

Open Delay On Hover

V-Model Support

Tooltip visibility can be programmatically changed using v-model.

Programmatic tooltip

Transition

Use transition prop to sets the component transition.

Scale TransitionScroll X TransitionScroll Y Transition

Tooltip on Various Elements

Tooltips can wrap any element.

TooltipTooltip on AvatarTooltip on Icon