moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
resources/js/views/demos/components/chip/DemoChipExpandable.vue Normal file
View File

@@ -0,0 +1,44 @@
<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 class="mb-2">
VueJS
</VListItemTitle>
<VListItemSubtitle>The Progressive JavaScript Framework</VListItemSubtitle>
<template #append>
<VListItemAction class="ms-3">
<VBtn
icon
variant="text"
size="x-small"
color="default"
@click="isMenuVisible = false"
>
<VIcon
size="20"
icon="tabler-x"
/>
</VBtn>
</VListItemAction>
</template>
</VListItem>
</VList>
</VMenu>
</template>