Files
leim-tools/app/components/ui/dropdown-menu/DropdownMenuSeparator.vue

25 lines
572 B
Vue

<script setup lang="ts">
import { type HTMLAttributes, computed } from "vue"
import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue"
import { cn } from "@/lib/utils"
const props = defineProps<
DropdownMenuSeparatorProps & {
class?: HTMLAttributes["class"]
}
>()
const delegatedProps = computed(() => {
const { class: _, ...delegated } = props
return delegated
})
</script>
<template>
<DropdownMenuSeparator
v-bind="delegatedProps"
:class="cn('-mx-1 my-1 h-px bg-muted transition-colors', props.class)"
/>
</template>