46 lines
654 B
Vue
46 lines
654 B
Vue
<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>
|