first commit

resources/js/views/demos/components/menu/DemoMenuPopover.vue

@@ -0,0 +1,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>