A self-hosted orchestration system crafted for power users. composia.xyz
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324<script lang="ts"> import { Separator as SeparatorPrimitive } from "bits-ui"; import { cn } from "$lib/utils.js";
let { ref = $bindable(null), class: className, "data-slot": dataSlot = "separator", ...restProps }: SeparatorPrimitive.RootProps = $props();</script>
<SeparatorPrimitive.Root bind:ref data-slot={dataSlot} class={cn( "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", // this is different in shadcn/ui but self-stretch breaks things for us "data-[orientation=vertical]:h-full", className )} {...restProps}/>