Layout Separator

Separator

Visual and semantic boundaries for related content.

Use PUI.Separator for horizontal or vertical boundaries. It is decorative by default and can opt into separator semantics with decorative={false}.

Horizontal

Account details

Notification preferences

Vertical

Overview
Activity
Settings
<.separator />
<.separator orientation="vertical" class="mx-2 h-5" />