Skip to content

Divider

A divider draws a thin separator line between parts of a canvas.

Frame controls the divider’s length and thickness. Padding controls the space around the separator.

A divider usually follows the direction of the stack that contains it. In a vertical stack, it works well as a horizontal separator. In a horizontal stack, give it a fixed width and height when you want a vertical separator.

A medium widget showing dividers separating row-like content.A medium widget showing dividers separating row-like content.
Rows separated by dividers

For example, use a fixed height of 1 for a thin horizontal rule, or a fixed width of 1 for a vertical rule between two columns.

Property Description
ID Identifies the view so you can find it in the canvas and modify it with Shortcuts actions. Keep it stable for automations.
Visible Hides the view without deleting it. Hidden views are not shown, but they stay in the canvas.
Property Description
Frame Controls length and thickness.
Offset Moves the view visually with an offset.
Padding Adds padding.
Property Description
Opacity Sets transparency from 0 to 100.