All of the code examples here are editable. You can change the code and see the results immediately.

Basic Layout

Panel Alignment

To have a vertical stack of Panels keep the same width, provide stretch: true either on the parent container, or on each Panel individually.

Checkboxes

Icons

Checkboxes are WidthSizable, and act like a container for their label. For icons, this means you can pass in HBoxes to the label with two items, and the default justification will expand items out to the desired bounds:

Indentation

Margins can be used for indenting checkboxes:

Transforms

Sizable nodes within layout containers CAN be transformed in some specific ways that will be respected. It's generally preferred to avoid transforms on direct children of layout containers, but sometimes it's necessary.

Scale

Scale should be maintained and respected by layout containers. In cases like these, the preferredWidth and localPreferredWidth of sizable nodes will be different (based on the current transform). In general, set preferredWidth as normal, regardless of the scale.

Reflection

Reflection is also supported (but hopefully rarely needed)

Rotation

Rotation is also supported (TODO)