first commit

resources/js/views/demos/components/chip/DemoChipExpandable.vue

@@ -0,0 +1,36 @@
+<script setup>
+const isMenuVisible = ref(false)
+</script>
+
+<template>
+  <VMenu
+    v-model="isMenuVisible"
+    transition="scale-transition"
+  >
+    <!-- v-menu activator -->
+    <template #activator="{ props }">
+      <VChip v-bind="props">
+        VueJS
+      </VChip>
+    </template>
+
+    <!-- v-menu list -->
+    <VList>
+      <VListItem>
+        <VListItemTitle>VueJS</VListItemTitle>
+        <VListItemSubtitle>The Progressive JavaScript Framework</VListItemSubtitle>
+
+        <template #append>
+          <VListItemAction class="ms-1">
+            <IconBtn @click="isMenuVisible = false">
+              <VIcon
+                size="20"
+                icon="ri-close-line"
+              />
+            </IconBtn>
+          </VListItemAction>
+        </template>
+      </VListItem>
+    </VList>
+  </VMenu>
+</template>