Components/Form componentsIntroduced in 1.3.0

ELabel Label

import EUI 1.0

Examples

Click to focus

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("Account") } EInput { id: field width: 300 } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Existing value

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("Account") } EInput { id: field width: 300 text: "EUI" } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Password field

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("Account") } EInput { id: field width: 300 showPassword: true } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Disabled target

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("Account") } EInput { id: field width: 300 enabled: false } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Clear and edit

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("Account") } EInput { id: field width: 300 clearable: true text: qsTr("Account") } }

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

typestring

Display style of the anchor indicator.

"default" / "underline"

Default""

lineClampint

Maximum displayed lines; 0 means unlimited.

0: unlimited
Positive integer: maximum line count

Default0

truncatedbool

Elide text when it exceeds the available width.

Defaultfalse

sizeint

Default descendant control size passed to EConfigProvider.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultEStyle.Medium

targetItem

Associated target control.

Defaultnull

Signals

SignaturePurpose

activated()

Emitted when the label is activated, for example to focus its associated input.

Methods

SignaturePurpose

activate()

Activate the label and its associated control.