Divider
A divider draws a thin separator line between parts of a canvas.
Size a Divider
Section titled “Size a Divider”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.


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.
Properties
Section titled “Properties”Identity
Section titled “Identity”| 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. |
Layout
Section titled “Layout”| Property | Description |
|---|---|
| Frame | Controls length and thickness. |
| Offset | Moves the view visually with an offset. |
| Padding | Adds padding. |
Appearance
Section titled “Appearance”| Property | Description |
|---|---|
| Opacity | Sets transparency from 0 to 100. |