Ripple effect

How to implement ripple effect in ionic 2

please suggest me i am new in ionic development

I think you can use ng2-ripple-directive from:
https://www.npmjs.com/package/ng2-ripple-directive

Hi, @drquochoai

I got this error

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\ch
okidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”}
)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\wa
tchpack\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”}
)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules@i
onic\cli-utils\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”}
)
npm WARN ng2-ripple-directive@0.0.2 requires a peer of @angular/core@^2.0.0-rc.4
but none was installed.
npm WARN @angular/core@2.4.10 requires a peer of zone.js@^0.7.2 but none was ins
talled.

Sorry, may be this solution does not work.

Hi, @drquochoai

It’s Okay

let me know if you will get some solution

1 Like

Hi, @cooldp007
I see on my newest ionic 2 project, all button have ripple effect itself when run on android. Do you see that like me?

1 Like

Hi, @drquochoai

Yes i checked it now

it’s working by default

Thanks for your support

1 Like