Separator

Visual divider that creates space or distinguishes between sections of content.

An open-source UI component library.

Blog
Docs
Source

Separator Structure

<!-- Separator Horizontal -->
<div data-orientation="horizontal" class="h-px w-full bg-main-border"></div>
 
<!-- Separator Vertical -->
<div data-orientation="vertical" class="h-full w-px bg-main-border"></div>

Previous

Select

Next

Stepper

On this page