ng2-ripple-directive v0.0.2

ng2-ripple-directive

An angular 2 directive that adds material design's ripple effect when an element is clicked.

Usage

You should only include this meta reducer (middleware) in development environment.

npm i --save ng2-ripple-directive

import { Component } from '@angular/core';
import { RippleDirective } from 'ng2-ripple-directive';

import '~ng2-ripple-directive/src/scss/ripple.scss';
// import '~ng2-ripple-directive/dist/css/ripple.css';

@Component({
    selector: 'app',
    directives: [RippleDirective],
    template: `
    <button class="btn btn-primary btn-lg" [ripple]>Button</button>
    <a href="#" class="btn btn-primary btn-lg" [ripple]><i class="fa fa-cog fa-fw"></i>Anchor</a>
  `
})
export class AppComponent {
}