Directives - md-whiteframe

mdWhiteframe API Documentation

The md-whiteframe directive allows you to apply an elevation shadow to an element.

The attribute values needs to be a number between 1 and 24 or -1. When set to -1 no style is applied.

Notes

  • If there is no value specified it defaults to 4dp.
  • If the value is not valid it defaults to 4dp.

Usage

<div md-whiteframe="3">
  <span>Elevation of 3dp</span>
</div>
<div md-whiteframe="-1">
  <span>No elevation shadow applied</span>
</div>
<div ng-init="elevation = 5" md-whiteframe="{{elevation}}">
  <span>Elevation of 5dp with an interpolated value</span>
</div>