Components/Navigation

EPageHeader Page header

import EUI 1.0

Examples

Page header

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EPageHeader { title: "Back" content: "Project details" }

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

bodyComponentComponent

Component slot for custom page-header body; null uses the default content. See this page’s examples for delegate context.

Defaultnull

breadcrumbComponentComponent

Component slot for custom breadcrumb; null uses the default content. See this page’s examples for delegate context.

Defaultnull

contentstring

Main page-header content text.

Default""

contentComponentComponent

Component slot for custom body content; null uses the default content. See this page’s examples for delegate context.

Defaultnull

enabledbool

Allow interaction; false disables the control.

Defaulttrue

extraalias

Content slot; declare QML child objects directly inside the component.

DefaultAlias: extraContent.data

heightreal

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

DefaultimplicitHeight

iconComponentComponent

Component slot for custom icon; null uses the default content. See this page’s examples for delegate context.

Defaultnull

iconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultEIcons.ARROW_LEFT

showBackbool

Show the back button.

Defaulttrue

titlestring

Title text.

DefaultLocalized text

titleComponentComponent

Component slot for custom title; null uses the default content. See this page’s examples for delegate context.

Defaultnull

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth

Signals

SignaturePurpose

back()

Emitted when the back button is clicked; handle navigation here.