Qt Quick Layouts - Basic Example

Demonstrates how to use layout types to arrange a UI.

Row layout with text field and button, Grid layout with labeled inputs and spanning text

This example shows how to easily arrange UI components into layouts with GridLayout, RowLayout, and ColumnLayout.

You can run the example from:

Qt Creator
Open the Welcome mode and select the example from Examples. For more information, see Qt Creator: Tutorial: Build and run.
Qt Extension for Visual Studio Code
Run the Qt: Open Qt examples command from the Command Palette, and select the example from the list. For more information, see Qt Extension for Visual Studio Code: Tutorial: Build and run.