Components/Form componentsIntroduced in 1.3.0

EFloatLabel Float label

import EUI 1.0

Examples

Empty input

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFloatLabel { width: 300 text: qsTr("Name") EInput { width: parent.width } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Prefilled input

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFloatLabel { width: 300 text: qsTr("Name") EInput { text: "EUI" width: parent.width } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Password input

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFloatLabel { width: 300 text: qsTr("Name") EInput { text: "EUI2026!" showPassword: true width: parent.width } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Disabled input

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFloatLabel { width: 300 text: qsTr("Name") EInput { enabled: false width: parent.width } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Clearable input

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EFloatLabel { width: 300 text: qsTr("Name") EInput { clearable: true text: "Clear me" width: parent.width } }

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.

DefaultfieldContainer.data

textstring

Displayed text.

Default""

fixedbool

Fix the label inside the top of the input.

Defaultfalse

targetItem

Associated target control.

DefaultfieldContainer.children.length ? fieldContainer.children[0] : null

filledbool

Whether the field has a value; overrides automatic detection.

Default

Show default value

target ? target.text !== undefined ? String(target.text).length > 0 : target.value !== undefined && target.value !== null && String(target.value).length > 0 : false

raisedboolRead only

Whether the label is raised.

Defaultfixed || filled || !!(target && target.activeFocus)