36 lines
671 B
Vue
36 lines
671 B
Vue
<script setup>
|
|
import { mergeProps } from 'vue'
|
|
|
|
const items = [
|
|
{
|
|
title: 'Option 1',
|
|
value: 'Option 1',
|
|
},
|
|
{
|
|
title: 'Option 2',
|
|
value: 'Option 2',
|
|
},
|
|
{
|
|
title: 'Option 3',
|
|
value: 'Option 3',
|
|
},
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<VMenu location="top">
|
|
<template #activator="{ props: menuProps }">
|
|
<VTooltip location="top">
|
|
<template #activator="{ props: tooltipProps }">
|
|
<VBtn v-bind="mergeProps(menuProps, tooltipProps)">
|
|
Dropdown w/ Tooltip
|
|
</VBtn>
|
|
</template>
|
|
<span>I am a Tooltip</span>
|
|
</VTooltip>
|
|
</template>
|
|
|
|
<VList :items="items" />
|
|
</VMenu>
|
|
</template>
|