ionic-team / ionic-team/ionic-docs

content: add info about the ripple effect duration

オープン
#1,593 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
content
主要言語
MDX
スター
621
フォーク
3.2k
平均マージ
1日 2時間
マージ済み PR(30日)
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。