Components/Navigation

EBreadcrumb Breadcrumb

import EUI 1.0

Examples

Breadcrumb

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EBreadcrumb { model: ["Home", "Components", "Navigation"] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

clickableLastbool

Allow clicking the last breadcrumb item.

Defaultfalse

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

modelvar

Array of breadcrumb path items.

Array of text or objects
Object fields: text

Default[]

separatorstring

Path or breadcrumb separator text.

DefaultLocalized text

separatorIconint

Icon used by the component.

EIcons.*
0 (no icon)

Default0

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

countintRead only

Skeleton instance count or current item count, depending on the component.

DefaultComputed at runtime

itemsvarRead only

Normalized or transformed item list.

DefaultComputed at runtime

Signals

SignaturePurpose

clicked(int index, var item)

Emitted when a breadcrumb item is clicked; index and item identify it.