NavigationTabButton QML Type

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

Import Statement: import org.kde.kirigami
Since: 5.87

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.