Ripples

matRipple directive adds Material Design ripple feedback to any element.

Basic Ripples

matRipple directive on a div container and on a button.

Click me for ripple effect 
<div matRipple class="w-48 h-24 flex items-center justify-center border rounded cursor-pointer select-none">
  Click me for ripple effect
</div>

<button mat-raised-button color="primary" matRipple>
  Button with Ripple
</button>