Separator

separatorPage structure

A one-pixel rule on the border role, horizontal or vertical. Use it to split groups that sit on the same surface.

bunx --bun shadcn@4.17.0 add @waimakers/separator
Kit dependencies
utilstheme
npm dependencies
@base-ui/react@1.9.0

From the registry

A semantic horizontal or vertical separator. Both orientations draw a one-pixel rule on the shared border role.

Examples

Horizontal

Between stacked groups. Screen readers hear it as a separator.

Meeting notes

Writes notes after every team call.

Weekly digest

Sends a summary every Friday at 16:00.

Vertical

Between inline items. It stretches to the height of its row.

42 runs18 follow-ups0 failures