Tooltips and Popovers

We are using v-tooltip.

<v-popover>
  <!-- This will be the popover target (for the events and position) -->
  <button>Click me</button>
  <!-- This will be the content of the popover -->
  <MyAwesomeComponent slot="popover"/>
</v-popover>

Props

• open - Boolean

<v-popover>
  <button>Click me</button>

  <template slot="popover">
    <a v-close-popover>Close</a>
  </template>
</v-popover>

• disabled - Boolean - on mobile, you can disable the tooltips with the VTooltip.enabled property

<v-popover :disabled="isDisabled"></v-popover>

data () {
  return {
    isDisabled: true,
  }
}

• placement - String - place, where tooltip text is situated.

        topTooltipOptions: {
          content: 'Top tooltip text',
          placement: 'top'
        }

• popoverClass - String | Array
• autoHide - Boolean - automatically close the tooltip on mouseover. To disable this, set the autoHide option to false.

VTooltip.options.autoHide = false

Find more information see v-tooltip docs!