FormGridContainer QML Type

This component render a grid of small cards. More...

Import Statement:	`import org.kde.kirigamiaddons.formcard`
Inherits:	Item

Properties

bottomPadding : real
cardWidthRestricted : bool
delegates : list<Item>
horizontalPadding : real
leftPadding : real
maximumWidth : real
padding : real
rightPadding : real
topPadding : real
verticalPadding : real

Detailed Description

This is used to display multiple information in a FormCard.FormLayout without taking too much vertical space.

Form delegates can also be placed directly inside the container. In this mode, delegates are displayed in a two-column grid, each with its own card background.

import org.kde.kirigamiaddons.formcard as FormCard

FormCard.FormGridContainer {
    id: container

    Layout.topMargin: Kirigami.Units.largeSpacing
    Layout.fillWidth: true

    infoCards: [
        FormCard.FormGridContainer.InfoCard {
            title: "42"
            subtitle: i18nc("@info:Number of Posts", "Posts")
        },
        FormCard.FormGridContainer.InfoCard {
            title: "42"
            subtitle: i18nc("@info:Number of followers.", "Followers")
        }
    ]
}

import org.kde.kirigamiaddons.formcard as FormCard

FormCard.FormGridContainer {
    FormCard.FormTextDelegate {
        text: "Name"
    }
    FormCard.FormSwitchDelegate {
        text: "Enable notifications"
    }
}