elk/components/common/dropdown/Dropdown.vue
2022-12-28 02:06:54 +01:00

22 lines
489 B
Vue

<script setup lang="ts">
import { dropdownContextKey } from './ctx'
defineProps<{
placement?: string
}>()
const dropdown = $ref<any>()
const colorMode = useColorModeRef()
provide(dropdownContextKey, {
hide: () => dropdown.hide(),
})
</script>
<template>
<VDropdown v-bind="$attrs" ref="dropdown" :class="colorMode" :placement="placement || 'auto'">
<slot />
<template #popper="scope">
<slot name="popper" v-bind="scope" />
</template>
</VDropdown>
</template>