Components/Navigation

EBacktop Backtop

import EUI 1.0

Examples

Backtop

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { width: parent.width height: 280 Flickable { id: scroll clip: true width: parent.width - 130 height: parent.height contentHeight: sections.height Column { id: sections width: parent.width spacing: 20 ECard { id: overview height: 240 width: parent.width header: "Overview" } ECard { id: details height: 240 width: parent.width header: "Details" } } } EBacktop { target: scroll } }

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.

DefaultLocalized text

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.

Defaulttrue

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.

Default250

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.

Default40

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.

Default16

iconSourceint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultEIcons.CHEVRON_UP

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.

DefaultInherited; default false

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

DefaultEStyle.Primary

targetItem

Target item for scrolling, positioning or the loading overlay.

Defaultnull

textstring

Displayed text.

Default""

textButtonbool

Use text button styling.

DefaultInherited; default false

visibilityHeightreal

Scroll offset at which the backtop button appears, in pixels.

Default200

visiblebool

Whether the component is visible.

DefaultDynamic binding

widthreal

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

Default40

displayTextstringRead only

Display text after formatting, progress or badge rules.

DefaultComputed at runtime

Methods

SignaturePurpose

scrollToTop()

Scroll the target content to the top.