Handbook · Reference · Box and style
Layout box and style
Where in the UI. Layout inspector — Box and Style sections, above type-specific props.
LayoutBox
Absolute placement in normalized 0–1 space of the item surface. position is always absolute.
| Field | Meaning |
|---|---|
| x, y | Offset as a fraction of item width/height. |
| width, height | Size as a fraction. 1 = full surface. |
| zIndex | Stacking order. |
| anchor | Nine-point: topLeft … bottomRight. Interprets x/y relative to that point. |
| rotation | Degrees. ValueSource: static, binding, or expression. |
StyleBlock
Paint fields are ValueSources (static | binding | expression) unless noted.
| Field | Meaning |
|---|---|
| color | Foreground / text. |
| backgroundColor | Fill. |
| fontSize | Logical pixels; optional scaleFontWithItemSize. |
| fontWeight | normal | bold | semibold | light (enum, not bindable). |
| fontFamily | Closed template font id (enum). |
| textAlign | left | center | right | justify. |
| borderColor, borderWidth | Stroke. |
| borderRadius | Corner radius. |
| padding | Inner inset. |
| opacity | 0–1. |
| elevation / bevel | Host-mapped shadow and border lighting. |
Visibility and enabled rules are separate objects on the component (show/hide, enable/disable from bindings or expressions). Source: component.ts LayoutBox, StyleBlock.