Components/Basic components

EIcon Icon

import EUI 1.0

Examples

Size and color

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width Row { spacing: 24 Repeater { model: [16, 24, 32] Column { spacing: 10 EIcon { width: 36 height: 36 iconSize: modelData iconSource: EIcons.FOLDER color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } EText { font.pixelSize: 12 text: modelData + " px" } } } } Flow { spacing: 12 width: parent.width Repeater { model: [ {icon: EIcons.BELL, label: qsTr("Primary"), tone: EStyle.Primary}, {icon: EIcons.CIRCLE_CHECK, label: qsTr("Success"), tone: EStyle.Success}, {icon: EIcons.TRIANGLE_EXCLAMATION, label: qsTr("Warning"), tone: EStyle.Warning}, {icon: EIcons.CIRCLE_XMARK, label: qsTr("Danger"), tone: EStyle.Danger} ] Row { spacing: 12 width: Math.max(0, (parent.width - 12) / 2) EIcon { width: 28 height: 28 iconSize: 28 iconSource: modelData.icon color: EPaletteManager.ThemePalette.fetchColorForStyle(modelData.tone) } EText { font.pixelSize: 13 text: modelData.label anchors.verticalCenter: parent.verticalCenter } } } } }

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.

DefaultDynamic binding

iconSizeint

Size of the icon, option or interactive part in pixels.

Default20

iconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

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

Show default value

graphic.source.toString().length > 0 ? " " : iconSize > 0 ? String.fromCharCode(iconSource) : ""

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.

DefaultDynamic binding