NavigationTabButton QML Type

Navigation buttons to be used for the NavigationTabBar component. More...

Import Statement: import org.kde.kirigami

Properties

Detailed Description

It supplies its own padding, and also supports using the AbstractButton::display property to be used in column lists.

Alternative way to the actions property on NavigationTabBar, as it can be used with Repeater to generate buttons from models.

Example usage:

 Kirigami.NavigationTabBar {
      id: navTabBar
      Kirigami.NavigationTabButton {
          visible: true
          icon.name: "document-save"
          text: `test ${tabIndex + 1}`
          QQC2.ButtonGroup.group: navTabBar.tabGroup
      }
      Kirigami.NavigationTabButton {
          visible: false
          icon.name: "document-send"
          text: `test ${tabIndex + 1}`
          QQC2.ButtonGroup.group: navTabBar.tabGroup
      }
      actions: [
          Kirigami.Action {
              visible: true
              icon.name: "edit-copy"
              icon.height: 32
              icon.width: 32
              text: `test 3`
              checked: true
          },
          Kirigami.Action {
              visible: true
              icon.name: "edit-cut"
              text: `test 4`
              checkable: true
          },
          Kirigami.Action {
              visible: false
              icon.name: "edit-paste"
              text: `test 5`
          },
          Kirigami.Action {
              visible: true
              icon.source: "../logo.png"
              text: `test 6`
              checkable: true
          }
      ]
  }

Property Documentation

tabIndex : int [read-only]

This property tells the index of this tab within the tab bar.