We are using v-tooltip.

    1. <v-popover>
    2.   <!-- This will be the popover target (for the events and position) -->
    3.   <button>Click me</button>
    4.   <!-- This will be the content of the popover -->
    5.   <MyAwesomeComponent slot="popover"/>
    6. </v-popover>

    Props

    • open - Boolean
    1. <v-popover>
    2.   <button>Click me</button>
    3.  
    4.   <template slot="popover">
    5.     <a v-close-popover>Close</a>
    6.   </template>
    7. </v-popover>
    • disabled - Boolean - on mobile, you can disable the tooltips with the VTooltip.enabled property
    1. <v-popover :disabled="isDisabled"></v-popover>
    1. data () {
    2.   return {
    3.     isDisabled: true,
    4.   }
    5. }
    • placement - String - place, where tooltip text is situated.
    1.         topTooltipOptions: {
    2.           content: 'Top tooltip text',
    3.           placement: 'top'
    4.         }
    • popoverClass - String | Array
    • autoHide - Boolean - automatically close the tooltip on mouseover. To disable this, set the autoHide option to false.
    1. VTooltip.options.autoHide = false

    Find more information see v-tooltip docs!