1. Installation

Step 1. Install from NPM and Yarn

You can install this module from NPM package by running the following command:

npm i ng-ripple-module

or you can install by using Yarn:

yarn add ng-ripple-module

Step 2. Import BrowserAnimationsModule

In order to enable angular animation support, you have to make sure that you imported BrowserAnimationsModule into your application module.

Step 3. Import NgRippleModule

To be able to use the ripple directive, you have to import NgRippleModule in your application's main @NgModule at your project_root/src/app/app.modules.ts or at your page module.

Your module at least should be like below:

...
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 { ... }

Now you're ready to spread the ripple easily in your angular app.