ionic-team / ionic-team/ionic-docs

content: add info about the ripple effect duration

Abierto
#1,593 0 comentarios 0 reacciones 0 asignados Ver en GitHub
content
Lenguaje dominante
MDX
Estrellas
621
Forks
3.2k
Merge medio
1 d 2 h
PR fusionados (30 d)
86

Descripción

_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?

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.