Components/Visual effects

EClip Rounded clip

import EUI 1.0

Examples

Rounded clip

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EClip { radius: 32 width: 440 height: 180 ERectangle { anchors.fill: parent color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) ERectangle { rotation: -20 width: parent.width height: parent.height / 2 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } EButton { property int clickCount: 0 anchors.centerIn: parent text: qsTr("Clicks: %1").arg(clickCount) onClicked: ++clickCount } } }

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

contentalias

Content slot; declare QML child objects directly inside the component.

DefaultAlias: canvas.data

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

softwareboolRead only

Whether the software rendering backend is active.

DefaultComputed at runtime