Breadcrumb

component fbx.ui.page.Breadcrumb

Breadcrumb is an horizontal view associated with a fbx.ui.page.Stack or fbx.ui.page.Explorer. It shows current stack page titles.

Each element is clickable. When clicked, stack is popped to selected element.

Breadcrumb may also be navigated with keyboard.

property stack

Reference to a fbx.ui.page.Stack or fbx.ui.page.Explorer element to show breadcrumb for.

property showClock

Whether to show current time on the right side of the breadcrumb bar.

A breadcrumb usage example:

Breadcrumb {
    id: breadcrumb

    anchors {
        left: parent.left
        right: parent.right
        top: parent.top
    }

    stack: stack

    KeyNavigation.down: stack
}

Explorer {
    id: stack

    anchors {
        left: parent.left
        right: parent.right
        top: breadcrumb.bottom
        bottom: parent.bottom
    }

    KeyNavigation.up: breadcrumb
}