MaterialRippleComponent class

A component that provides a visual effect that other elements can use to simulate a rippling effect emanating from the point of contact.

The effect can be visualized as a concentric circle with motion.

The containing element needs to be position: relative.

By default, the ripple is centered on the point of contact.

Annotations

• @Component(selector: 'material-ripple', template: '', encapsulation: ViewEncapsulation.none, styleUrls: ['material_ripple.scss.css'], changeDetection: ChangeDetectionStrategy.onPush)

Constructors

MaterialRippleComponent(HtmlElement _element)

Properties

center ↔ bool

Whether the ripple should start from the center of the container.

getter/setter pair

hashCode → int

The hash code for this object.

no setter, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

Methods

createRipple(int clientX, int clientY) → void

Allow the ripple to be created programmatically.

ngOnDestroy() → void

Executed before the directive is removed from the DOM and destroyed.

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toString() → String

A string representation of this object.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited