Separator

A horizontal or vertical divider line.

bun x bosia@latest add separator

A horizontal or vertical divider line.

Preview

Above

Below

Left

Center

Right

Prop	Type	Default
`orientation`	`"horizontal"` \| `"vertical"`	`"horizontal"`

<script lang="ts">
	import { Separator } from "$lib/components/ui/separator";
</script>

<p>Above</p>
<Separator />
<p>Below</p>

<div class="flex h-8 items-center gap-4">
	<span>Left</span>
	<Separator orientation="vertical" />
	<span>Right</span>
</div>