37 lines
824 B
Vue
37 lines
824 B
Vue
<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>
|