Design System v1.0

Separator

A thin divider for separating content, horizontally or vertically.

Default

A horizontal rule between blocks, plus vertical rules in a row.

Toronto DC

Main Incomer · 1,284 kWh today

ElectricityWaterGas

API reference

A thin divider line. Set orientation to horizontal (default) or vertical.

Full props on Base UI Separator
Anatomy
SeparatorBorder-colored divider; orientation sets horizontal or vertical.

Command Palette

Search for a command to run...