5 commentaires (5 commentaires)2 réactions (2 réactions)3 assignés (3 assignés)TypeScript98 031 stars (98 031 stars)54 612 forks (54 612 forks)batch import
Inactivehelp wanted
Description
https://emilkowal.ski/ui/building-a-toast-component
我们也有类似的交互,但动画不如这个方案丝滑,特别是最后一个卡片远景淡出的效果。
Guide contributeur
- Stack technique
- typescriptreactcss
- Domaine
- frontend
- Type d'issue
- feature
- DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
- 3
- Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
- half day
- Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
- blocked
- ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
- mostly clear
- Prérequis
- ReactCSS animationsant design component structure
- Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
- 30
- Direction de recherche
- The issue aims to improve the notification (toast) animation smoothness, particularly the fade out effect of the last card. It references a blog post and includes a screenshot. The repository is ant design, a large React UI library. Start by locating the notification component, likely in `components/notification/`. Examine the current CSS transition or keyframe animations used for enter/leave effects. Compare with the referenced implementation to identify differences. Note that there are 3 assignees and 5 comments, indicating active discussion; read the comments for any proposed solutions or file references. No PRs are linked yet, so the work appears to be in planning phase.