Components/Data display

ECard Card

import EUI 1.0

Examples

Hover shadows, header and footer delegates

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ECard { shadow: "hover" width: Math.min(480, parent.width) footer: qsTr("Updated 2026-10-10") headerDelegate: Component { Row { spacing: 12 EText { font.bold: true text: qsTr("Project activity") } ETag { styleType: EStyle.Success text: qsTr("In progress") } } } EText { width: parent.width wrapMode: Text.WordWrap text: qsTr("Cards preserve the body content API and support custom headers and footers.") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Card

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ECard { width: 360 footer: qsTr("Updated today") header: qsTr("Project status") EText { text: qsTr("All tasks are complete") } }

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: body.data

enabledbool

Allow interaction; false disables the control.

Defaulttrue

footerstring

Card footer text.

Default""

footerDelegateComponent

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

Defaultnull

headerstring

Card header text.

Default""

headerDelegateComponent

Component slot for custom header; 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.

DefaultimplicitHeight

shadowstring

When to display the card shadow.

always
hover
never

DefaultInherited; default "never"

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth