Components/Basic components

ETypography Typography

import EUI 1.0

Examples

Typography

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ETypography { level: 2 text: qsTr("Heading") }

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

levelint

Body text or heading level.

0: body text
1–6: heading level

Default0

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