44 lines
726 B
Markdown
44 lines
726 B
Markdown
<script setup>
|
|
const options = [
|
|
{
|
|
'id': 'like',
|
|
'color': 'primary',
|
|
'action': () => {}
|
|
},
|
|
{
|
|
'id': 'report',
|
|
'action': () => {}
|
|
},
|
|
{
|
|
'id': 'delete',
|
|
'color': 'danger',
|
|
'action': () => {}
|
|
}
|
|
]
|
|
</script>
|
|
|
|
# Popout Menu
|
|
<DemoContainer>
|
|
<OverflowMenu :options="options" class="btn">
|
|
More options...
|
|
<template #like>
|
|
<HeartIcon /> Like
|
|
</template>
|
|
<template #report>
|
|
<ReportIcon /> Report
|
|
</template>
|
|
<template #delete>
|
|
<TrashIcon /> Delete
|
|
</template>
|
|
</OverflowMenu>
|
|
</DemoContainer>
|
|
|
|
```vue
|
|
<PopoutMenu class="btn" position="bottom" direction="right">
|
|
Bottom going right
|
|
<template #menu>
|
|
Menu contents!
|
|
</template>
|
|
</PopoutMenu>
|
|
```
|