DemoMenuPopover.vue
927 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script setup>
import avatar1 from '@images/avatars/avatar-1.png'
const menu = ref(false)
</script>
<template>
<VMenu
v-model="menu"
location="top"
>
<template #activator="{ props }">
<VBtn v-bind="props">
Menu as Popover
</VBtn>
</template>
<VCard max-width="300">
<VList>
<VListItem
:prepend-avatar="avatar1"
title="John Leider"
subtitle="Founder of Vuetify"
/>
</VList>
<VDivider />
<VCardText>
Gingerbread bear claw cake. Soufflé candy sesame snaps chocolate ice cream cake.
Dessert candy canes oat cake pudding cupcake. Bear claw sweet wafer bonbon dragée toffee.
</VCardText>
<VCardActions>
<VBtn icon="ri-heart-fill" />
<VBtn icon="ri-bookmark-line" />
<VBtn icon="ri-thumb-down-line" />
</VCardActions>
</VCard>
</VMenu>
</template>