Files
classroomio/packages/ui/src/base/select/select-group-heading.svelte
T

22 lines
548 B
Svelte
Raw Normal View History

<script lang="ts">
import { Select as SelectPrimitive } from 'bits-ui';
import { cn } from '../../tools';
import type { ComponentProps } from 'svelte';
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
</script>
<SelectPrimitive.GroupHeading
bind:ref
data-slot="select-group-heading"
class={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}
{...restProps}
>
{@render children?.()}
</SelectPrimitive.GroupHeading>