md-ripple defines an area in which a ripple animates, usually in response to user action. It is used as an attribute directive, for example
<div md-ripple [mdRippleColor]="rippleColor">...</div>.
By default, a ripple is activated when the host element of the
md-ripple directive receives mouse or touch events. On a mousedown or touch start, the ripple background fades in. When the click event completes, a circular foreground ripple fades in and expands from the event location to cover the host element bounds.
Ripples can also be triggered programmatically by getting a reference to the MdRipple directive and calling its
Ripples will be added to the
||Element||The DOM element that triggers the ripple when clicked. Defaults to the parent of the
||string||Custom color for foreground ripples|
||string||Custom color for the ripple background|
||boolean||If true, the ripple animation originates from the center of the
||number||Optional fixed radius of foreground ripples when fully expanded. Mainly used in conjunction with
||boolean||If true, foreground ripples will be visible outside the component's bounds.|
||boolean||If true, the background ripple is shown using the current theme's accent color to indicate focus.|
||boolean||If true, click events on the trigger element will not activate ripples. The