ColumnFlow Class Reference

Automatically position children in columns. More...

Inheritance diagram for ColumnFlow:

Detailed Description

Automatically position children in columns.

ColumnFlow is a Fluid layout utility rather than a Material 3 component. Its delegates can be styled with Material 3 tokens and styles as appropriate for the containing application.

import QtQuick
import Fluid as Fluid
 
Item {
    width: 600
    height: 600
 
    Fluid.ColumnFlow {
        anchors.fill: parent
        columns: 5
        model: 20
 
        delegate: Rectangle {
            id: item
            height: 100.0 * Math.random()
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), Math.random())
            Text {
                text: index
            }
        }
    }
}

Definition at line 38 of file ColumnFlow.qml.

---

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

• src/controls/qml/layout/ColumnFlow.qml