Logo FluentUI

TabBar QML Type

A styled tab bar with animated accent highlight. More...

Import Statement: import FluentUI 1.0

Properties

Signals

Detailed Description

TabBar provides a horizontal row of tabs with an animated accent highlight that tracks the current selection. It works in conjunction with TabButton items to provide tab-based navigation.

Property Documentation

accentColor : var

The accent color used for the tab highlight indicator. Can be a color, string, or Qt.rgba value.

contentItem : Item

The visual content item that contains the tab buttons.

currentIndex : int

The index of the currently selected tab, or -1 if no tab is selected.

position : enumeration

The position of the tab bar relative to its content. Can be TabBar.Header (top) or TabBar.Footer (bottom).

spacing : real

The spacing between adjacent tab buttons.

Signal Documentation

currentIndexChanged()

Emitted when the currentIndex changes.

Note: The corresponding handler is onCurrentIndexChanged.