Components/Basic components

EFloatButton Float button

import EUI 1.0

Examples

Icon action

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 96 width: 420 EFloatButton { iconSource: EIcons.PLUS anchors.centerIn: parent tooltip: qsTr("View details") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Square with text

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 96 width: 420 EFloatButton { shape: "square" anchors.centerIn: parent iconSource: EIcons.CHECK content: qsTr("Save") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Badge and tooltip

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 96 width: 420 EFloatButton { badge: ({ "value": 12 }) iconSource: EIcons.BELL anchors.centerIn: parent tooltip: qsTr("Show notification") } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Status styles

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 96 width: 420 EFloatButton { anchors.centerIn: parent iconSource: EIcons.CHECK styleType: EStyle.Success } }

Preview

Run the code to try the component

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

Code runs in this browser Licenses

Disabled action

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { height: 96 width: 420 EFloatButton { enabled: false iconSource: EIcons.PLUS anchors.centerIn: parent } }

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

accessibleNamestring

Name read by assistive technologies; provide a readable name for controls without text.

Defaulttext

autoInsertSpacebool

Insert a space between two Chinese characters in button text.

DefaultEControlConfig.optionFor(control, "button", "autoInsertSpace", false)

autofocusbool

Focus automatically when shown, subject to availability and popup lifecycle.

Defaultfalse

badgevar

Badge content or configuration displayed on the button.

Text, number or object
Object fields:
value, isDot, max
showZero, hidden
color, offset

Default""

bgbool

Show a background for a text button.

Defaultfalse

checkablebool

Allow clicks to toggle the checked state.

Defaultfalse

checkedbool

Whether the control is checked or active.

Defaultfalse

circlebool

Use circular button styling.

Defaultshape !== "square"

colorcolor

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

DefaultEPaletteManager.BasePalette.transparent

contentalias

Default content slot; aliases button text in EFloatButton.

Defaultcontrol.text

dashedbool

Use a dashed border.

DefaultEControlConfig.optionFor(control, "button", "dashed", false)

displayTextstringRead only

Display text after formatting, progress or badge rules.

DefaultComputed

durationint

Duration of one loading-icon rotation in milliseconds.

Default2600

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

iconComponentComponent

Component slot for custom icon; null uses the default content. See this page’s examples for delegate context.

Defaultnull

iconSizeint

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

DefaultEDefaultConfig.iconSize(control.size)

iconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultUnset

leftIconbool

Place the icon to the left of the text.

Defaultfalse

linkbool

Use link button styling.

Defaultfalse

loadingbool

Whether the component is loading.

Defaultfalse

loadingComponentComponent

Component slot for custom loading state; null uses the default content. See this page’s examples for delegate context.

Defaultnull

loadingIconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultUnset

minHeightint

Minimum control height in pixels; follows size by default.

Default48

nativeTypestring

Button behavior for normal actions, submitting or resetting a form.

button
submit
reset

Default"button"

paddingSpacingint

Gap between text and icon in pixels.

Default6

plainbool

Use plain colors.

DefaultEControlConfig.optionFor(control, "button", "plain", false)

progressreal

Progress value used by progress animation or notification progress display.

Default-1

roundbool

Use rounded pill button styling.

DefaultEControlConfig.optionFor(control, "button", "round", false)

shapestring

Shape of the floating button.

circle
square

Default"circle"

sizeint

Control size; inherits the nearest EConfigProvider by default.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultEControlConfig.sizeFor(control)

strokeWidthint

Border, divider or progress track width in pixels.

Default3

styleTypeint

Semantic color style.

EStyle.Default
EStyle.Primary
EStyle.Success
EStyle.Info
EStyle.Warning
EStyle.Danger

DefaultEControlConfig.styleFor(control, "button", "type", EStyle.Default)

textstring

Displayed text.

Default""

textButtonbool

Use text button styling.

Defaultlink || EControlConfig.optionFor(control, "button", "text", false)

tooltipstring

Tooltip text displayed on hover.

Default""

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth