Components/Feedback

EDrawer Drawer

import EUI 1.0

Examples

Close guards and resizing

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { width: Math.min(640, parent.width) height: 480 Column { width: parent.width - 48 spacing: 16 anchors.centerIn: parent EButton { text: qsTr("Open drawer") onClicked: webNavigationDrawer.open() } EDrawer { id: webNavigationDrawer resizable: true destroyOnClose: true title: qsTr("Confirm before closing") beforeClose: function(done) { webNavigationDrawerConfirmation.complete = done webNavigationDrawerConfirmation.open() } contentComponent: webNavigationDrawerContent } Component { id: webNavigationDrawerContent EText { width: parent.width wrapMode: Text.WordWrap text: qsTr("Content is destroyed after closing and recreated when opened again.") } } EDialog { id: webNavigationDrawerConfirmation property var complete: null title: qsTr("Confirm close") text: qsTr("Close the current panel?") onAccepted: { if (complete) complete() complete = null } onRejected: { if (complete) complete(true) complete = null } } } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Drawer

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { EButton { text: "Open" onClicked: examplePopup.open() } EDrawer { id: examplePopup edge: Qt.RightEdge title: "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

autofocusbool

Focus automatically when shown, subject to availability and popup lifecycle.

Defaulttrue

beforeClosevar

Callback before closing; dialogs complete asynchronous checks through done(cancel).

Defaultnull

closeDelayint

Delay, throttling or automatic close time in milliseconds; 0 means no delay or no timed close.

Default0

closeIconint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultEIcons.XMARK

closeOnClickOutsidebool

Close when clicking outside the popup.

Defaulttrue

closeOnEscapebool

Allow Escape to close the component.

Defaulttrue

contentalias

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

DefaultAlias: body.data

contentComponentComponent

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

Defaultnull

destroyOnClosebool

Destroy Component-loaded content after closing.

Defaultfalse

drawerSizevar

Drawer size as pixels or a percentage string.

Default320

enabledbool

Allow interaction; false disables the control.

Defaulttrue

footerComponentComponent

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

Defaultnull

heightreal

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

DefaultDynamic binding

minimumSizereal

Minimum resizable drawer dimension in pixels.

Default80

modalPenetrablebool

Allow input to pass through the non-modal overlay.

Defaultfalse

openDelayint

Delay, throttling or automatic close time in milliseconds; 0 means no delay or no timed close.

Default0

resizablebool

Allow resizing by dragging.

Defaultfalse

showClosebool

Show a close or remove button.

Defaulttrue

showHeaderbool

Show the header area.

Defaulttrue

titlestring

Title text.

Default""

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultDynamic binding

horizontalboolRead only

Whether the resolved layout is horizontal or vertical.

DefaultComputed at runtime

loadedContentaliasRead only

Actual content item instantiated from a Component.

DefaultAlias: contentLoader.item

resolvedSizerealRead only

Actual drawer size resolved from pixels or percentages.

DefaultComputed at runtime

Signals

SignaturePurpose

closeRejected()

Emitted when beforeClose rejects a close request.

openAutoFocused()

Emitted after the popup opens and finishes focusing its content.

closeAutoFocused()

Emitted after the popup closes and restores focus.

resized(real size)

Emitted while resizing the drawer; size is its current dimension.

resizeEnded(real size)

Emitted when drawer resizing ends; size is its final dimension.

resizeStarted(real size)

Emitted when drawer resizing starts; size is its starting dimension.

Methods

SignaturePurpose

close()

Close the component panel or popup.

open()

Open the component panel or popup.

requestClose()

Request popup closure and run the beforeClose check.