Separator

Visual divider between grouped content.

Quick Preview

Application details

Payment schedule and ownership documents.

<Separator />

Use orientation, dashed, shade, and thickness to separate dense layouts without adding extra components.

Default

Dashed deep thick

Left

Right

Prop/API	Type	Default	Description
`orientation`	`"horizontal"	"vertical"`	`"horizontal"`
`className`	`string`	-	Local layout or spacing overrides.
native/root props	React component props	-	Passed through to the underlying root or primitive.

Provide visible labels or accessible names for interactive controls.
Preserve the component-provided focus, keyboard, disabled, and invalid-state behavior.
Do not communicate state with color alone; include text, icons, or helper copy.

SectionJumper

A compact page-section navigator that expands into a popover for fast jumps through long content.

Sheet

Side panel dialog for secondary workflows.