Tooltip

Directive name: v-tooltip

A simple tooltip helper that can be used on any element.

Examples

Standard tooltip on hover or focus

Custom triggers can be specified with an inline object.

Tooltip API

Name Type Description Default
v-tooltip="'tooltip text'" String Contains the tooltip text, as inline string or Vue reference -
v-tooltip.top="'tooltip text'" String Modifier for tooltip placement top
v-tooltip.bottom String Modifier for tooltip placement -
v-tooltip.left String Modifier for tooltip placement -
v-tooltip.right String Modifier for tooltip placement -