Components/Other components

EDivider Divider

import EUI 1.0

Examples

Divider

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 EDivider { width: parent.width } EDivider { width: parent.width text: qsTr("Divider label") } EDivider { width: parent.width text: qsTr("Vertical divider") contentPosition: EPlacement.Left color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } EDivider { lineWidth: 2 verticalHeight: 84 direction: EOrientation.Vertical color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) } }

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

borderStylestring

Line style of the divider.

"solid" / "dashed"
"dotted" / "double"
"none" / "hidden"
"groove" / "ridge"
"inset" / "outset"

Default"solid"

colorcolor

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

DefaultDynamic binding

contentComponentComponent

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

Defaultnull

contentPositionint

Alignment of the divider content.

EPlacement.Left
EPlacement.Center
EPlacement.Right

DefaultEPlacement.Center

contentSpacingint

Gap between content, columns, rows or text in pixels.

Default20

directionint

Component layout direction.

EOrientation.Horizontal
EOrientation.Vertical

DefaultEOrientation.Horizontal

enabledbool

Allow interaction; false disables the control.

Defaulttrue

fontalias

Font configuration object.

Common fields:
family, pixelSize, pointSize
bold, italic, weight
underline, strikeout
letterSpacing, wordSpacing

DefaultAlias: label.font

heightreal

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

DefaultimplicitHeight

lineWidthreal

Border, divider or progress track width in pixels.

Default1

textalias

Displayed text.

DefaultAlias: label.text

textColorcolor

Text color.

DefaultDynamic binding

verticalHeightint

Vertical divider height in pixels.

Default16

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

Defaulthorizontal ? implicitWidth : effectiveLineWidth

availableContentWidthrealRead only

Available width for divider content.

DefaultComputed at runtime

effectiveContentPositionintRead only

Divider content position after value validation.

EPlacement.Left
EPlacement.Center
EPlacement.Right

DefaultComputed at runtime

effectiveContentSpacingrealRead only

Actual divider content spacing.

DefaultComputed at runtime

effectiveLineWidthrealRead only

Validated nonnegative divider width.

DefaultComputed at runtime

hasContentboolRead only

Whether displayable custom content exists.

DefaultComputed at runtime

horizontalboolRead only

Whether the resolved layout is horizontal or vertical.

DefaultComputed at runtime