Components/EUI extensions

EAdvancedRectangle Advanced rectangle

import EUI 1.0

Examples

Advanced rectangle

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 EAdvancedRectangle { height: 78 width: 140 radius: [28, 4, 28, 4] color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } EAdvancedRectangle { height: 78 width: 140 borderWidth: 2 radius: [6, 28, 6, 28] color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) borderColor: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } EAdvancedRectangle { height: 78 width: 170 borderWidth: 3 dashPattern: [4, 2] radius: [30, 8, 30, 8] borderStyle: Qt.DashLine color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) borderColor: 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

borderColorQColor

Border color.

DefaultDynamic binding

borderStyleQt::PenStyle

Pen style of the border.

Qt.NoPen
Qt.SolidLine
Qt.DashLine
Qt.DotLine
Qt.DashDotLine
Qt.DashDotDotLine
Qt.CustomDashLine

DefaultQt.SolidLine

borderWidthqreal

Border, divider or progress track width in pixels.

Default0

colorQColor

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

DefaultDynamic binding

dashPatternQVector<qreal>

Array of custom dash lengths and gaps.

[dash length, gap, …]

Default[]

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

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

DefaultimplicitHeight

radiusQList<int>

Corner radii in pixels; missing entries use 0.

[top-left, top-right, bottom-right, bottom-left]

Default[0, 0, 0, 0]

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth