FormGridContainer QML Type

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

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

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"
    }
}