Elevation

The mdcElevation directive is used to elevate elements above their surface. The value of the elevation determines the appearance and size of its shadow. The value should be between 0 (no elevation) and 24 (for 24 dp elevation).

Elevation Demo

Elevated 4dp

API

Directive: MdcElevationDirective

Selector: [mdcElevation]

Directive for elevating an element above its surface.

PropertyDescription
@Input()
mdcElevation
string | number

Input for setting the elevation (z-space). The value sould be in the range [0, 24]. When set to 0, the element will not be elevated! The default value is 1.

@Input()
animateTransition
any

When this input is defined and does not have value false, changes of the elevation will be animated.