25 lines
498 B
Vue
25 lines
498 B
Vue
|
<script setup>
|
||
|
|
const isTooltipVisible = ref(false)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="demo-space-x">
|
||
|
|
<VBtn @click="isTooltipVisible = !isTooltipVisible">
|
||
|
|
toggle tooltip
|
||
|
|
</VBtn>
|
||
|
|
|
||
|
|
<VTooltip
|
||
|
|
:model-value="isTooltipVisible"
|
||
|
|
location="top"
|
||
|
|
>
|
||
|
|
<template #activator="{ props }">
|
||
|
|
<VIcon
|
||
|
|
v-bind="props"
|
||
|
|
icon="tabler-brand-instagram"
|
||
|
|
/>
|
||
|
|
</template>
|
||
|
|
<span>Programmatic tooltip</span>
|
||
|
|
</VTooltip>
|
||
|
|
</div>
|
||
|
|
</template>
|