ETextButton Text button

import EUI 1.0

Examples

Text button

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

ETextButton {
        text: qsTr("Default")
    }
    ETextButton {
        text: qsTr("Primary")
        styleType: EStyle.Primary
    }
    ETextButton {
        text: qsTr("Success")
        styleType: EStyle.Success
    }
    ETextButton {
        text: qsTr("Info")
        styleType: EStyle.Info
    }
    ETextButton {
        text: qsTr("Warning")
        styleType: EStyle.Warning
    }
    ETextButton {
        text: qsTr("Danger")
        styleType: EStyle.Danger
    }
    ETextButton {
        text: qsTr("Default")
        isOpenBackgroundColor: true
    }
    ETextButton {
        text: qsTr("Primary")
        styleType: EStyle.Primary
        isOpenBackgroundColor: true
    }
    ETextButton {
        text: qsTr("Success")
        styleType: EStyle.Success
        isOpenBackgroundColor: true
    }
    ETextButton {
        text: qsTr("Info")
        styleType: EStyle.Info
        isOpenBackgroundColor: true
    }
    ETextButton {
        text: qsTr("Warning")
        styleType: EStyle.Warning
        isOpenBackgroundColor: true
    }
    ETextButton {
        text: qsTr("Danger")
        styleType: EStyle.Danger
        isOpenBackgroundColor: true
    }
    ETextButton {
        enabled: false
        text: qsTr("Default")
    }
    ETextButton {
        enabled: false
        text: qsTr("Primary")
        styleType: EStyle.Primary
    }
    ETextButton {
        enabled: false
        text: qsTr("Success")
        styleType: EStyle.Success
    }
    ETextButton {
        enabled: false
        text: qsTr("Info")
        styleType: EStyle.Info
    }
    ETextButton {
        enabled: false
        text: qsTr("Warning")
        styleType: EStyle.Warning
    }
    ETextButton {
        enabled: false
        text: qsTr("Danger")
        styleType: EStyle.Danger
    }
}

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.

DefaultInherited; default false

autofocusbool

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

Defaultfalse

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.

Defaultfalse

colorcolor

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

DefaultDynamic binding

dashedbool

Use a dashed border.

DefaultInherited; default false

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.

DefaultDynamic binding

iconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

Default0

isOpenBackgroundColorbool

Show a background for a text button.

Defaultfalse

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)

Default0

minHeightint

Minimum control height in pixels; follows size by default.

DefaultDynamic binding

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.

Defaulttrue

progressreal

Progress value used by progress animation or notification progress display.

Default-1

roundbool

Use rounded pill button styling.

DefaultInherited; default false

sizeint

Control size; inherits the nearest EConfigProvider by default.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultInherited; EStyle.Medium by default

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

DefaultInherited; default EStyle.Default

textstring

Displayed text.

Default""

textButtonbool

Use text button styling.

Defaulttrue

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth

displayTextstringRead only

Display text after formatting, progress or badge rules.

DefaultComputed at runtime

ETextButton Text button ​

Examples ​

Text button ​

Properties ​

ETextButton Text button

Examples

Text button

Properties