Pages
API Documentation
On this page

NavigationTabButton QML Type

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

  • Import Statement: import org.kde.kirigami
  • Inherits: TabButton

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

[read-only] tabIndex : int

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

We use cookies to personalize content and to analyze our traffic. Please decide if you are willing to accept cookies from our website.