AdaptiveGrid Class Reference

An equal-column Material Design 3 grid that adapts to width breakpoints. More...

Inheritance diagram for AdaptiveGrid:

Detailed Description

An equal-column Material Design 3 grid that adapts to width breakpoints.

AdaptiveGrid places its child items in an internal GridLayout. Set the standard Layout attached properties on each child to choose its row, logical column, and spans. The number of columns and default horizontal spacing adapt to referenceWidth.

import QtQuick
import QtQuick.Layouts
import Fluid as MD
 
MD.AdaptiveGrid {
    width: 840
 
    Rectangle {
        Layout.column: 0
        Layout.columnSpan: 2
        Layout.fillWidth: true
        implicitHeight: 80
    }
}

Definition at line 32 of file AdaptiveGrid.qml.

---

The documentation for this class was generated from the following file:

• src/controls/qml/layout/AdaptiveGrid.qml