ionic-team / ionic-team/ionic-docs
content: add info about the ripple effect duration
- 主要语言
- MDX
- 星标
- 621
- 派生
- 3.2k
- 平均合并
- 1 天 2 小时
- 30 天内合并 PR
- 86
描述
_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?
贡献指南
调研方向
Start with core/src/components/ripple-effect/ripple-effect.tsx at the linked line and inspect how the 225 and 100 millisecond values are used. Confirm the effective ripple duration and what each value represents, then update the relevant Ionic documentation. Done means developers can find the duration and understand the timing values.
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- typescript
- 领域
- documentation
- Issue 类型
- 文档
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 48/100