vuetifyjs/vuetify

[Feature Request] Add duration Prop to Automatically Dismiss v-alert

Open

#20 409 ouverte le 1 sept. 2024

Voir sur GitHub
 (2 commentaires) (5 réactions) (0 assignés)TypeScript (7 139 forks)batch import
T: enhancementT: featuregood first issue

Métriques du dépôt

Stars
 (40 995 stars)
Métriques de merge PR
 (Merge moyen 59j 10h) (8 PRs mergées en 30 j)

Description

Problem to solve

Currently, v-alert components remain visible until manually dismissed, requiring developers to implement a setTimeout() to hide the alert after a certain period. This can lead to repetitive code.

Proposed solution

Introduce a duration prop to the v-alert component. This prop accepts a number representing the duration (in milliseconds) for which the alert should remain visible before automatically closing usage example :

<v-alert :duration="5000" text=" This alert will automatically close after 5 seconds."/>

Guide contributeur

Direction de recherche
L'implémentation doit ajouter une prop `duration` au composant VAlert. Consultez le fichier source de VAlert (probablement packages/vuetify/src/components/VAlert/VAlert.ts) pour les props et modèles existants. Le comportement de fermeture automatique doit utiliser setTimeout et émettre un événement de type close après l'expiration de la durée. Assurez vous d'effacer le minuteur lors du démontage du composant ou des changements de prop. Écrivez les tests unitaires dans le fichier spec correspondant.
Stack technique
vuetypescript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
VueTypeScriptGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75