Extends Item


Grid is a layout container that positions its children in a grid.

property Int columns: 1

The number of columns in the grid.

property Float marginX: 0

property Float marginY: 0

property Float spacingX: 0

property Float spacingY: 0

These properties define the regular space at the margins, and between each row and column in the grid.

property Grid.Distribution distribution: .Align

The distribution property controls how columns are distributed in the Grid.


Columns are aligned "tightly" from left to right inside the Grid, respecting the margin and spacing values.


If the width of the Grid exceeds the space needed align the columns, the extra space is distributed evenly between them.