Components/EUI extensions

ERotatingIcon Rotating icon

import EUI 1.0

Examples

Rotating icon

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 ERotatingIcon { running: true iconSource: EIcons.ARROW_ROTATE_RIGHT } ERotatingIcon { running: false iconSource: EIcons.ARROW_ROTATE_RIGHT color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) } ERotatingIcon { iconSize: 28 duration: 900 running: true originX: width / 2 originY: height / 2 iconSource: EIcons.ARROW_ROTATE_RIGHT color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } }

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

durationint

Duration of one full icon rotation in milliseconds.

Default1500

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

originXreal

Normalized rotation-center coordinates relative to the icon.

Defaultwidth / 2

originYreal

Normalized rotation-center coordinates relative to the icon.

Defaultheight / 2

runningbool

Keep rotating the icon.

Defaultfalse

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