Tooltips and Popovers

Jump to bottom

Vlad Shusterman edited this page Apr 28, 2018 · 28 revisions

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
disabled - Boolean - on mobile, you can disable the tooltips with the VTooltip.enabled property
placement - String - place, where tooltip text is situated.
popoverClass - String | Array
autoHide - Boolean - the tooltip is automatically hidden on hover or click. To disable this, set the autoHide option to false.

Find more information see v-tooltip docs!