Components/Visual effects

EShadow Shadow

import EUI 1.0

Examples

Shadow

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ERectangle { radius: 8 width: 220 height: 100 color: EPaletteManager.ThemePalette.surfaceComponent(ETheme.dark) EShadow { z: -1 elevation: 8 anchors.fill: parent radius: parent.radius } EText { text: qsTr("Elevation") anchors.centerIn: parent } }

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

colorcolor

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

DefaultDynamic binding

elevationint

Shadow elevation; larger values produce a stronger shadow.

Default8

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.

Default4

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth