ember-cli-mdc-elevation

ember-cli addon for @material/elevation

Usage no npm install needed!

<script type="module">
  import emberCliMdcElevation from 'https://cdn.skypack.dev/ember-cli-mdc-elevation';
</script>

README

ember-cli-mdc-elevation

ember-cli addon for @material/elevation

Installation

ember install ember-cli-mdc-elevation

Components and Mixins

Components

none

Mixins

Elevation

Description

The elevation mixin allows you to programmatically change the elevation of a component by adding the elevation class to the HTML element.

Usage

import Component from '@ember/component';
import Elevation from 'ember-cli-mdc-elevation/mixins/elevation';

export default Component.extend (Elevation, {
  elevation: 4              // add mdc-elevation--z4 class to element
});

Attributes

  • elevation - Sets the elevation for the component. Acceptable values are 1 - 12.