Separator

Creates a semantic visual boundary between related regions.

@rivetui/separator

Preview

Explore each composition interactively, then open its code in the same context.

Separate related content regions without introducing another container.

Note

Horizontal is the default orientation. Use decorative={false} only when the separator conveys a semantic boundary.

Deployment / production

Public traffic routed through the Frankfurt region.

Give a vertical separator an explicit height through its parent layout.

Overview

Activity

Settings

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/separator

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`
`className`	`string`	`—`