Components/EUI extensions

ERectangle Rectangle

import EUI 1.0

Examples

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 ERectangle { radius: 8 height: 64 width: 120 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } ERectangle { height: 64 radius: 20 width: 120 border.width: 2 color: EPaletteManager.BasePalette.transparent border.color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } ERectangle { height: 64 radius: 12 width: 150 opacity: 0.86 border.width: 3 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) border.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

border.colorcolor

Rectangle border color.

DefaultDynamic binding

border.widthreal

Rectangle border width in pixels.

Default0

colorcolor

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

DefaultDynamic binding

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

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

DefaultimplicitHeight

radiusreal

Corner radius in pixels.

Default0

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth