Components/Data display

EEmpty Empty

import EUI 1.0

Examples

Custom empty state content

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EEmpty { width: parent.width description: qsTr("No projects yet") imageDelegate: Component { EIcon { iconSize: 64 iconSource: EIcons.FOLDER_OPEN color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } } EButton { styleType: EStyle.Primary text: qsTr("Create project") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Empty

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EEmpty { description: qsTr("No matching results") EButton { text: qsTr("Search again") } }

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

contentalias

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

DefaultAlias: actions.data

descriptionstring

Description text.

DefaultLocalized text

descriptionDelegateComponent

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

Defaultnull

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

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

DefaultimplicitHeight

imageurl

Resource URL for an empty-state illustration or watermark image.

Default""

imageDelegateComponent

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

Defaultnull

imageSizeint

Empty-state image size in pixels.

Default88

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth