PageHeadSections QML Type

List of actions that represent the sections. The text of each action is displayed as the section name and clicking a section will update the selectedIndex.

When selectedIndex is changed (by user interaction or by setting the value), actions[selectedIndex] will be triggered.

This property was introduced in Lomiri.Components 1.3.

Set this property to false to disable user interaction to change the selected section. Default value: true

The input model for the sections. By default model takes the actions as input, but if no trigger functions need to be specified, it can be simplified to a list of strings naming the sections:

import Lomiri.Components 1.3
import QtQuick 2.4

MainView {
    width: units.gu(50)
    height: units.gu(80)

    Page {
        id: page
        title: "Sections"
        head {
            sections {
                model: ["one", "two", "three"]
            }
        }
        Label {
            anchors.centerIn: parent
            text: "Section " + page.head.sections.selectedIndex
        }
    }
}

It is strongly recommended to limit the number of sections to two or three.

The index of the currently selected section in model.