Components/Basic components

EStaggeredLayout Staggered layout

import EUI 1.0

Examples

Staggered layout

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EStaggeredLayout { columns: 3 spacing: 12 width: parent.width Repeater { model: [90, 150, 110, 180, 120, 80] ERectangle { height: modelData color: EPaletteManager.ThemePalette.surfacePressed(ETheme.dark) } } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

columnsint

Number of layout columns.

Positive integer

Default3

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

spacingqreal

Gap between content, columns, rows or text in pixels.

Default12

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth