Divider

A thin separating rule — horizontal (optionally with an inline label) or vertical (for toolbars). Neutral --ui-border-color; role="separator".

Horizontal

Section one

Section two

<script>
  import { Divider } from '@spaethtech/svelte-ui';
</script>

<p>Section one</p>
<Divider />
<p>Section two</p>

With label

Recent

End

<Divider label="OR" />
<Divider label="Recent" labelAlign="start" />

Vertical (toolbar)

<div class="flex items-center gap-3 h-8">
  <span>Edit</span>
  <Divider orientation="vertical" />
  <span>Share</span>
  <Divider orientation="vertical" />
  <span>Delete</span>
</div>