title: Md-ripple in Angular2 Material
body: <p>I didn't find any information anywhere how to use md-ripple from ng2 material. </p>
  
  <p>Tried</p>
  
  <pre><code>&lt;button md-ripple-foreground class="loginButton"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;button md-ripple-fade-in class="loginButton"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;button md-ripple class="loginButton"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>But none of them actually works. How to turn it on? </p>
  
  <p>If you dont know how ripple works: <a href="https://codepen.io/Craigtut/pen/dIfzv" rel="nofollow noreferrer">https://codepen.io/Craigtut/pen/dIfzv</a></p>
  
  <p><a href="https://github.com/angular/material2/tree/master/src/lib/core/ripple" rel="nofollow noreferrer">https://github.com/angular/material2/tree/master/src/lib/core/ripple</a></p>