Files
claddcn-svelte/registry/ui/select/select-group-heading.svelte
T
2026-09-22 02:24:49 +02:00

22 lines
545 B
Svelte

<script lang="ts">
import { Select as SelectPrimitive } from 'bits-ui';
import { cn } from '$lib/utils.js';
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('cladd-section-title px-3 pt-2 pb-1.5 data-[inset]:ps-9', className)}
{...restProps}
>
{@render children?.()}
</SelectPrimitive.GroupHeading>