Directives #

Tooltip #

import { Tooltip } from '@nextcloud/vue'

Vue.directive('tooltip', Tooltip)

The tooltip directive is based on v-tooltip. For a full feature list see the projects README

In the template, use the v-tooltip directive:

Of course, you can use a reactive property:

You can specify the tooltip position as a modifier:

The available positions are:

• 'auto'
• 'auto-start'
• 'auto-end'
• 'top'
• 'top-start'
• 'top-end'
• 'right'
• 'right-start'
• 'right-end'
• 'bottom'
• 'bottom-start'
• 'bottom-end'
• 'left'
• 'left-start'
• 'left-end'