45 lines
980 B
Vue
45 lines
980 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 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>
|