NgRippleModule

Installation

1. Install this module by running the following command:

npm i ng-ripple-module

2. Import NgRippleModule in your application's main @NgModule and BrowserAnimationsModule (if not imported yet) at your project_root/src/app/app.modules.ts.

...
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgRippleModule } from 'ng-ripple-module';
...

@NgModule({
   ...
   imports: [
      ...
      BrowserModule,
      BrowserAnimationsModule,
      NgRippleModule
      ...
   ],
   ...
})
export class MyModule { ... }

Demo

Please visit the demo page here

Wiki

Now you're ready to spread the ripple easily in your angular app. For more detail information, please read the wiki.