Below is a Column that contains three rectangles of various sizes:
- \snippet doc/src/snippets/qml/column/vertical-positioner.qml document
+ \snippet doc/snippets/qml/column/vertical-positioner.qml document
The Column automatically positions these items in a vertical formation, like this:
For example, the Column below sets the \l move property to a specific \l Transition:
- \snippet doc/src/snippets/qml/column/column-transitions.qml document
+ \snippet doc/snippets/qml/column/column-transitions.qml document
When the Space key is pressed, the \l {Item::visible}{visible} value of the green
\l Rectangle is toggled. As it appears and disappears, the blue \l Rectangle moves within
Below is a Row that contains three rectangles of various sizes:
- \snippet doc/src/snippets/qml/row/row.qml document
+ \snippet doc/snippets/qml/row/row.qml document
The Row automatically positions these items in a horizontal formation, like this:
For example, below is a Grid that contains five rectangles of various sizes:
- \snippet doc/src/snippets/qml/grid/grid.qml document
+ \snippet doc/snippets/qml/grid/grid.qml document
The Grid automatically positions the child items in a grid formation:
Below is a Flow that contains various \l Text items:
- \snippet doc/src/snippets/qml/flow.qml flow item
+ \snippet doc/snippets/qml/flow.qml flow item
The Flow item automatically positions the child \l Text items side by
side, wrapping as necessary: