44 lines
836 B
Vue
44 lines
836 B
Vue
|
<template>
|
||
|
|
<div class="demo-space-x">
|
||
|
|
<!-- open on hover -->
|
||
|
|
<VBtn variant="outlined">
|
||
|
|
<span>Open On Hover</span>
|
||
|
|
<VTooltip
|
||
|
|
activator="parent"
|
||
|
|
location="top"
|
||
|
|
>
|
||
|
|
Open On Hover
|
||
|
|
</VTooltip>
|
||
|
|
</VBtn>
|
||
|
|
|
||
|
|
<!-- open on click -->
|
||
|
|
<VBtn
|
||
|
|
variant="outlined"
|
||
|
|
color="primary"
|
||
|
|
>
|
||
|
|
<span>Open On click</span>
|
||
|
|
|
||
|
|
<VTooltip
|
||
|
|
open-on-click
|
||
|
|
:open-on-hover="false"
|
||
|
|
location="top"
|
||
|
|
activator="parent"
|
||
|
|
>
|
||
|
|
Open On click
|
||
|
|
</VTooltip>
|
||
|
|
</VBtn>
|
||
|
|
|
||
|
|
<!-- open on focus -->
|
||
|
|
<VBtn variant="outlined">
|
||
|
|
<span>Open On Hover + Focus</span>
|
||
|
|
<VTooltip
|
||
|
|
open-on-focus
|
||
|
|
location="top"
|
||
|
|
activator="parent"
|
||
|
|
>
|
||
|
|
Open On Hover + Focus
|
||
|
|
</VTooltip>
|
||
|
|
</VBtn>
|
||
|
|
</div>
|
||
|
|
</template>
|