Separator

Separators divide related content into smaller visual groups without introducing heavy borders or boxes. They can be used horizontally between sections or vertically between inline items.

Horizontal Separators

Horizontal separators are the most common pattern for splitting stacked content.

Vertical Separators

Vertical separators help divide inline controls or short metadata groups.

API

Props

Name	Description
orientation	Type PkSeparatorOrientation Default horizontal

CSS Parts

Name	Description	CSS selector
base	Painted rule (inner line)	::part(base)