it-tools/packages/app/src/modules/ui/components/select/SelectSeparator.vue
2024-10-27 15:02:54 +01:00

18 lines
535 B
Vue

<script setup lang="ts">
import { cn } from '@/src/modules/shared/style/cn';
import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue';
import { computed, type HTMLAttributes } from 'vue';
const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>();
const delegatedProps = computed(() => {
const { class: _, ...delegated } = props;
return delegated;
});
</script>
<template>
<SelectSeparator v-bind="delegatedProps" :class="cn('-mx-1 my-1 h-px bg-muted', props.class)" />
</template>