Tooltip

Applies a styled tooltip to an element.

WARNING

This directive has been deprecated and will be removed in a future version of Stash. Please use the Tooltip component instead.

Import

import vTooltip from '@leaflink/stash-vue/directives/tooltip';

Basic usage

Potato chips

<span v-tooltip="'A crunchy snack!'">Potato chips</span>

Position

Top

Potato chips

<span v-tooltip.top="'A crunchy snack!'">Potato chips</span>

Right

Potato chips

<span v-tooltip.right="'A crunchy snack!'">Potato chips</span>

Bottom

Potato chips

<span v-tooltip.bottom="'A crunchy snack!'">Potato chips</span>

Left

Potato chips

<span v-tooltip.left="'A crunchy snack!'">Potato chips</span>