Properties Panel
Schema-driven editor for the selected widget. Each widget exposes its own grouped property list.
| Type | Editor |
|---|---|
| Number | Inline field with drag-scrub |
| Boolean | Toggle |
| Enum | Dropdown |
| Color | Tint picker + eyedropper + saved colors |
| Multiline | Long text (textarea) |
| Font | Font picker (project cascade + system fonts) |
| Image | Project library + Lucide icons |
| Segment values | Editable list for segmented-button items |
Properties are grouped (Geometry, Rectangle, Colors…). Some subgroups have a master toggle (e.g. Border off → border properties hidden).
When several widgets are selected, only common properties are editable. Mixed values show a placeholder.
Right-click any row for Reset to default, cut/copy/paste, min/max. The ? icon opens this widget's wiki page.
Two ways to bind a property to a Variables:
- Click the ◇ in a row's left gutter — opens the bind menu directly.
- Right-click the row — context menu with Bind to variable ▸ (lists existing variables + Create variable…), or Unbind from: <name> if already bound.
Bound rows render with ◆ + an orange tint; the ✕ on the right unbinds. The diamond's color reflects scope: blue = global, orange = local to the current form. Updates propagate live to every widget bound to the same variable.
When a widget supports Event Handlers, an Events group appears right after Colors. Each event row shows the bound method name + its docstring; the header has [+] to add an action and bound rows have [✕] to unbind.
| Action | How |
|---|---|
| Add |
[+] on event header, or right-click → Add action
|
| Open in editor | Double-click row, F7, or right-click → Open in editor
|
| Reorder | Right-click row → Move up / Move down |
| Unbind |
[✕] on row, or right-click → Unbind
|
Selecting the Window itself surfaces a read-only Local Variables group listing every variable scoped to the form. Right-click → Open Variables window… jumps straight to that entry.
See also — Widgets · Selection · Variables · Event Handlers