Separator

Use separator to divide content. Set orientation to horizontal (default) or vertical.

1<script lang="ts">
2	import { Separator } from '~/components/separator';
3</script>
4
5<div>
6	<div class="space-y-1">
7		<h4 class="text-sm leading-none font-medium">Bits UI Primitives</h4>
8		<p class="text-sm text-muted-foreground">An open-source UI component library.</p>
9	</div>
10	<Separator class="my-4" />
11	<div class="flex h-5 items-center space-x-4 text-sm">
12		<div>Blog</div>
13		<Separator orientation="vertical" />
14		<div>Docs</div>
15		<Separator orientation="vertical" />
16		<div>Source</div>
17	</div>
18</div>