ionic-team / ionic-team/ionic-docs

content: add info about the ripple effect duration

Đang mở
#1,593 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
content
Ngôn ngữ chính
MDX
Star
621
Fork
3.2k
Merge trung bình
1 ngày 2 giờ
Pull request đã merge (30 ngày)
86

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
typescript
Lĩnh vực
documentation
Loại issue
Tài liệu
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
48/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.