Skip to content

ComponentsSeparator

Components

Separator

Hairlines between menu groups, toolbar buttons, table rows and trays: 1px border ink (10 %), subtle 5 %, strong 20 %, 0.5px hairlines and the menu inset.

Horizontal

Decorative by default (role=none). Pass :decorative="false" for a semantic separator.

Tones and hairline
default
subtle
strong
hairline
light
dark

Vertical

Toolbars use 16px dividers, the Customize header 20px; both centre in the row instead of stretching.

Lengths
Files
Changes
Share
full
Menu inset
Rename
Add to project
Delete