Layout

Layout components arrange other views. Most screens are built from VStack and HStack; use a Grid for rows and columns, a Box for overlapping content and a ScrollView for content larger than its frame. Sizes are set with a Frame, positions with an Alignment or a Position.

For responsive layouts see Stack, View That Matches and the navigation splits TwoColumn and ThreeColumn.

For interaction, a Hover Group swaps its content while the pointer is over it, and a Drag and Drop Area lets the user drag views onto each other.

Styling values like Padding, Border and Length are described under Utility.