first commit

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

@@ -0,0 +1,45 @@
+<script setup>
+const menusVariant = [
+  'primary',
+  'secondary',
+  'success',
+  'info',
+  'warning',
+  'error',
+]
+
+const items = [
+  {
+    title: 'Option 1',
+    value: 'Option 1',
+  },
+  {
+    title: 'Option 2',
+    value: 'Option 2',
+  },
+  {
+    title: 'Option 3',
+    value: 'Option 3',
+  },
+]
+</script>
+
+<template>
+  <div class="demo-space-x">
+    <VMenu
+      v-for="menu in menusVariant"
+      :key="menu"
+    >
+      <template #activator="{ props }">
+        <VBtn
+          :color="menu"
+          v-bind="props"
+        >
+          {{ menu }}
+        </VBtn>
+      </template>
+
+      <VList :items="items" />
+    </VMenu>
+  </div>
+</template>