Shape
A shape draws a geometric shape.
If the shape is meant to show completion or a level, use progress instead.
Shape Size and Surface
Section titled “Shape Size and Surface”Shape chooses the geometry, Fill draws inside it, and Border follows the same outline. Frame determines the visible size of the shape.
Available shapes include circle, capsule, diamond, hexagon, parallelogram, pentagon, rounded rectangle, square, and triangle.
For example, use a small circle as a status dot, a rounded rectangle as a filled label background, or a line-like rectangle as a custom separator.
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. |
| Property | Description |
|---|---|
| Shape | Chooses the shape. |
| Fill | Sets the background inside the shape. |
| Border | Adds a border around the selected shape. |
Layout
Section titled “Layout”| Property | Description |
|---|---|
| Frame | Controls size and alignment. |
| Offset | Moves the view visually with an offset. |
| Padding | Adds padding. |
Appearance
Section titled “Appearance”| Property | Description |
|---|---|
| Opacity | Sets transparency from 0 to 100. |
| Shadow | Adds a shadow. |