Element reference
Every element type in the palette has its own page covering:
- What it is — concept + when to use
- Properties — type-specific fields (beyond Common / Transform / Appearance)
- Generated output — what Razor / SCSS comes out
- Tips & gotchas
Catalog
Layout root
- Canvas — root only, one per document
Containers
- Panel — generic
<div> - HorizontalBox — flex row
- VerticalBox — flex column
- Overlay — flex with
position: relative+ absolute children - Grid — wrapped flex grid
- ScrollPanel — scrollable container
Visuals
- Image — bitmap with fit modes
- Text — label with font + alignment
- Button — clickable region with label
- ProgressBar — fill bar
Inventory primitives (V1)
- InventoryGrid — slot grid (wrapped flex)
- InventorySlot — single slot
- ItemIcon — standalone item icon
- Hotbar — single-row inventory bar
Every element shares the Common, Transform, Appearance sections. See Concepts for the meaning of Layout modes, Anchors, etc.