Files
tools/vue/primitives/src/combobox/ComboboxSeparator.vue
T

31 lines
693 B
Vue

<script lang="ts">
import type { PrimitiveProps } from '../primitive';
/**
* A purely visual divider between items or groups inside the popup. Decorative and hidden
* from assistive technology.
*/
export interface ComboboxSeparatorProps extends PrimitiveProps {}
</script>
<script setup lang="ts">
import { useForwardExpose } from '@robonen/vue';
import { Primitive } from '../primitive';
const { as = 'div' } = defineProps<ComboboxSeparatorProps>();
const { forwardRef } = useForwardExpose();
</script>
<template>
<Primitive
:ref="forwardRef"
:as="as"
role="separator"
aria-orientation="horizontal"
aria-hidden="true"
>
<slot />
</Primitive>
</template>