ember-cli-mdc-line-ripple

ember-cli addons for @material/line-ripple

Usage no npm install needed!

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

README

ember-cli-mdc-ripple

ember-cli addon for @material/line-ripple.

Installation

ember install ember-cli-mdc-ripple

Components & Modifiers

This add-on defines the following modifiers:

mdc-line-ripple

The {{mdc-line-ripple}} modifier adds a line ripple effect to the parent container element.

<div class="container">
<div {{mdc-line-ripple active=[true|false]
                       rippleCenter=[number]}} />
</div>

The active named argument on the modifier is used to activate and deactivate the line ripple.

Example Code

Please see tests/dummy/app/templates for code examples.