Components/Basic components

EText Text

import EUI 1.0

Examples

Text

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: Math.min(parent.width, 720) EText { font.bold: true font.pixelSize: 11 font.letterSpacing: 1.2 text: qsTr("READING / TYPOGRAPHY") color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } EText { font.bold: true lineHeight: 1.15 font.pixelSize: 26 width: parent.width wrapMode: Text.WordWrap text: qsTr("Make information easy to read") color: EPaletteManager.ThemePalette.textPrimary(ETheme.dark) } EText { lineHeight: 1.6 font.pixelSize: 14 width: parent.width wrapMode: Text.WordWrap color: EPaletteManager.ThemePalette.textPrimary(ETheme.dark) text: qsTr("Clear hierarchy makes content easier to scan. A heading sets the focus, comfortable line spacing supports reading, and secondary text adds context. Resize the window to see the text wrap.") } EText { lineHeight: 1.4 font.pixelSize: 12 width: parent.width wrapMode: Text.WordWrap text: qsTr("Updated today · 1 min read") color: EPaletteManager.ThemePalette.textSecondary(ETheme.dark) } }

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

colorcolor

Custom color; a transparent value usually selects theme or semantic colors.

DefaultDynamic binding

enabledbool

Allow interaction; false disables the control.

Defaulttrue

fontfont

Font settings for the family, size and text style.

Common fields:
family, pixelSize, pointSize
bold, italic, weight
underline, strikeout
letterSpacing, wordSpacing

Defaultapplication font

heightreal

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

DefaultimplicitHeight

lineClampint

Maximum displayed lines; 0 means unlimited.

0: unlimited
Positive integer: maximum line count

Default0

sizeint

Text size.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultEStyle.Medium

textstring

Displayed text.

Default""

truncatedbool

Elide text when it exceeds the available width.

Defaultfalse

typestring

Semantic text color; an empty value uses the default color.

"" / "primary"
"success" / "info"
"warning" / "danger"

Default""

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth