Logo FluentUI

Breadcrumb QML Type

A breadcrumb navigation trail. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Signals

Detailed Description

Breadcrumb displays a horizontal trail of links that reflect the user's current location within the application hierarchy. Each item is separated by a configurable separator component.

Property Documentation

font : font

The font used for breadcrumb item text.

items : list

The list of items displayed in the breadcrumb trail.

moreSize : int

The size of the "more" indicator shown when items overflow. Defaults to 24.

moreSpacing : int

The spacing around the "more" indicator.

separator : Component

A Component that creates the separator shown between items.

spacing : int

The spacing between breadcrumb items. Defaults to 10.

textRole : string

The model role used to extract display text from each item. Defaults to "title".

Signal Documentation

void clickItem(var model)

Emitted when a breadcrumb item is clicked. The model parameter carries the data of the clicked item.

Note: The corresponding handler is onClickItem.