Skip to content
On this page


The v-tooltip directive is used to specify extra information about something when the user moves the mouse pointer over an element. The tooltip can be displayed above, below, left, or right of the element. By default the position will be below.


View Codes
    <AButton v-tooltip.left="'Left tooltip'">Left</AButton>
    <AButton v-tooltip="'Default tooltip'" class="ml-2">Default</AButton>
    <AButton"'Top tooltip'" class="ml-2">Top</AButton>
    <AButton v-tooltip.bottom="'Bottom tooltip'" class="ml-2">Bottom</AButton>
    <AButton v-tooltip.right="'Right tooltip'" class="ml-2">Right</AButton>

Released under the MIT License.