import { Meta, Story, Preview, Props, ArgsTable } from '@storybook/addon-docs'; # Tooltip

Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.


### Code ```js v-p-tooltip="'Hello'" ``` ### Example ```html Order #1001 ``` ### API
Position Description Directive
above Tooltip on the top of the element. v-p-tooltip.above
mostSpace Get auto position for the tooltip. v-p-tooltip.mostSpace
below (Default) Tooltip on the below of the element. v-p-tooltip or v-p-tooltip.below