ionic-team / ionic-team/ionic-docs

content: add info about the ripple effect duration

Open
#1,593 0 comments 0 reactions 0 assignees View on GitHub
content
Dominant language
MDX
Stars
621
Forks
3.2k
Avg merge
1d 2h
Merged PRs (30d)
86

Description

_Original issue by @distante on [2020-08-16T08:46:00Z](https://github.com/ionic-team/ionic-framework/issues/21922)_

# Documentation

The ripple effect duration used in components like `ion-button` is not documented. It would be useful for some developers that want to trigger some animation orchestration starting with a button click.

---

I can do a PR for this but I am not sure which duration this effect has. From the [source code I would say something like `325ms`](https://github.com/ionic-team/ionic-framework/blob/master/core/src/components/ripple-effect/ripple-effect.tsx#L66) but I am not really sure.
```
setTimeout(() => {
resolve(() => {
removeRipple(div);
});
}, 225 + 100);
```

Extra: what does that 225 and 100 mean?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.