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 project 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. Updates propagate live to every widget bound to the same variable.