InlineViewHeader QML Type

A fancy inline view header showing a title and optional actions. More...

• List of all members, including inherited members

Properties

• actions : T.Action
• text : string

Detailed Description

Designed to be set as the header: property of a ListView or GridView, this component provides a fancy inline header suitable for explaining the contents of its view to the user in an attractive and standardized way. Actions globally relevant to the view can be defined using the actions: property. They will appear on the right side of the header as buttons, and collapse into an overflow menu when there isn't room to show them all.

The width: property must be manually set to the parent view's width.

Example usage:

import org.kde.kirigami as Kirigami

ListView {
    id: listView

    headerPositioning: ListView.OverlayHeader
    header: InlineViewHeader {
        width: listView.width
        text: "My amazing view"
        actions: [
            Kirigami.Action {
                icon.name: "list-add-symbolic"
                text: "Add item"
                onTriggered: {
                    // do stuff
                }
            }
        ]
    }

    model: [...]
    delegate: [...]
}

Property Documentation