Catalog npm
PACKAGE EXPLORERView in registry

2yy-ngx-ripple

npm

![CI](https://github.com/2YY/ngx-ripple/workflows/CI/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/5a1a3a8851b0c322b628/maintainability)](https://codeclimate.com/github/2YY/ngx-ripple/maintainability) [![Test Coverage](https://api.c

Versions collected2
Direct dependencies3From release 0.0.2
Last observed20 Oct, 19:20 UTC

README

Current package documentation

NgxRipple

CI Maintainability Test Coverage

Installation

npm i 2yy-ngx-ripple

Motivation

By default, Ripples triggered by click event.

But, if you want trigger Ripples by mouseenter event, you can achieve it with NgxRippleService.

Usage

In your foo.component.ts:

@ViewChild('btn', {read: MatRipple}) btnRef: MatRipple;

constructor(public rippleService: NgxRippleService) {}

Then, in your foo.component.html:

<button #btn matRipple (mouseenter)="rippleService.show(btnRef)" (mouseleave)="rippleService.hide(btnRef)">My Button</button>

License

MIT License

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Versions 2

Collected releases
VersionPublishedDirect dependenciesOpen version
0.0.2Registry latest28 Nov 20203
0.0.15 Jun 20203

Package advisories

0
No matching advisories collected

This describes our collected data; it is not a security assessment.

Repository

PENDING
2yy/ngx-ripple

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:20 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package:b753996481773a622b7fd6b80df192f6dfecc59e647c60a7066cfb7f839c0601