42 lines
927 B
Vue
42 lines
927 B
Vue
<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>
|