Logo FluentUI

Pagination QML Type

A page navigation control with page buttons. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Signals

Detailed Description

Pagination provides a set of page number buttons and navigation arrows for browsing through multi-page content. It supports a configurable number of visible page buttons, making it suitable for large page counts where displaying all pages would be impractical.

Usage Example

 import QtQuick
 import FluentUI.Controls

 Pagination {
     totalPages: 20
     currentIndex: 1
     visiblePages: 5
 }

Property Documentation

currentIndex : int

The index of the currently selected page (0-based).

totalPages : int

The total number of pages available.

visiblePages : int

The maximum number of page number buttons displayed at any time. When the total page count exceeds this value, ellipsis indicators are shown.

Signal Documentation

void currentIndexChanged()

Emitted when the current page index changes due to user interaction.

Note: The corresponding handler is onCurrentIndexChanged.