Every property row in the inspector renders one of a small set of reusable input widgets. Knowing them helps you read any panel: unit fields, box/dual fields, sliders, color tabs, toggle groups, and the layer list.
Where: Right sidebar → inside any section row — Each property picks its widget automatically
Key ideas
- Value widgets: number, stepper (1–12 counts), unit (px/rem/em/%/auto/vw/vh/ch/ex/fr plus Hug and Fill keywords), text, textarea, slider, select.
- Structured widgets: box (4-side, unified or split), dual (X/Y), layer-list (stacked fills/effects), toggle-group (icon row), layout-display, and the 3×3 position aim picker.
- Color & font: The color field has Solid / Gradient / Image / Variable tabs; the font-picker lists available families.
Steps
- Open any inspector section.
- Read each row’s widget — a unit field accepts keywords like Hug/Fill; a box field unlinks to per-side.
- Use the “+” to add an optional row, which renders with the same widgets.