Separator

A horizontal or vertical divider.

Content above

Content below

Variants

Horizontal

<div class="h-px bg-border" role="separator"></div>

Vertical

<div class="w-px bg-border" role="separator"></div>

Usage

<!-- Horizontal -->
<div x-data="separator()" x-bind="separatorAttrs"></div>

<!-- Vertical -->
<div x-data="separator({ orientation: 'vertical' })" x-bind="separatorAttrs"></div>