Système de design GCComposants
Système de design GC Démarrer Aperçu des modèles de pagePage de base Aperçu des composantsAlerteAvisBarre de navigation latéraleBarre de navigation supérieureBascule de langueBoutonBoutons radioCarteCases à cocherChamp de dateChamp de saisieChemin de navigationConteneurDate de modificationDétailsEn-têteGrilleIcôneIndicateur d'étapeJeu de champsLienMasquage accessibleMenu thématiqueMessage d'erreurPaginationPied de pageRechercheRésumé des erreursSélectionSignatureTableauTéléverseur de fichiersTexteTitreZone de texte Aperçu des raccourcis CSS Réinitialisation des styles Mise en page réactiveÉtat Dimensionnement de la boîteDimensionnement du conteneurAffichageDébordementPositionVisibilité PoliceFamille de policeTaille de policeStyle de policeÉpaisseur de policeHauteur de ligneCouleur de lienTaille de lienDécoration de texte de lienStyle de listeAlignement de texteCouleur de texteDébordement de texteTransformation de texteSaut de mot MargeMarge intérieure Alignement de contenuAlignement des élémentsAlignement individuelÉlément flexibleDirection de l’élément flexibleÉlargissement de l’élément flexibleRétrécissement de l’élément flexibleHabillage de l’élément flexibleDégagementColonnes de grilleLignes de grilleJustification de contenuJustification des élémentsJustification individuelleOrdreAgencement de contenuAgencement des élémentsAgencement individuel Couleur de l'arrière-planCouleur de la bordureRayon de la bordureStyle de la bordureLargeur de la bordure Noms des icônesTaille de l'icôneImage CurseurÉvénements de pointeurTransition Aperçu des stylesUnités de styleCouleurEspacementTypographie Nous contacterS'impliquerTrouvez une démo

Alerte
<gcds-alert>

Autres noms : message, message ciblé. L'alerte est un message déclenché par un événement qui communique une rétroaction contextuelle sans interrompre la tâche en cours.
  • GitHub
  • Figma

Aperçu du composant alerte

Jetez un coup d’œil à ce que font les alertes pour vérifier si elles permettent de résoudre votre problème. Choisissez ensuite le rôle d’alerte le mieux adapté à votre cas d’utilisation.

Problèmes résolus par les alertes

Utilisez une alerte pour :
  • Communiquer des renseignements qui apparaissent dynamiquement à la suite d’un événement, par exemple :
    • une action initiée par une personne, comme soumettre une demande ou enregistrer sa progression.
    • un événement système, comme un rapport prêt à être téléchargé ou un mot de passe sur le point d’expirer.
  • Communiquer des renseignements importants ou qui doivent être communiqués rapidement.
  • Afficher des messages sans interrompre la tâche en cours.
Évitez d’utiliser une alerte pour les messages qui font déjà partie du contenu de la page dès son chargement. Utilisez plutôt un avis. instead.

Composants connexes

Bannière pour des messages à l’échelle d’un site ou d’un produit. Message d’erreur ou résumé des erreurs pour les erreurs dans des champs de formulaire. Avis pour les messages importants faisant partie du contenu de la page. Boîte de dialogue d’alerte pour les messages qui interrompent la tâche en cours.

Rôles de l’alerte

Le rôle de l’alerte modifie l’apparence de l’alerte afin d’indiquer visuellement sa nature. Choisissez le rôle le mieux adapté à votre cas d’utilisation.

Information

Utilisez le rôle « information » pour :
  • Informer les personnes de l’état actuel de leur tâche, de leur accès ou de leur admissibilité.
  • Fournir des mises à jour sur l’état d’une tâche ou d’un processus en arrière-plan.
  • Communiquer des renseignements contextuels qui aident les personnes à comprendre pourquoi une action n’est pas disponible ou n’est plus nécessaire.
  • Informer les personnes de renseignements non critiques qui sont pertinents pour leur tâche ou leur situation actuelle.

Vous ne pouvez avoir qu’une seule demande en cours à la fois. Terminez ou retirez votre demande en cours avant d’en commencer une autre.

Succès

Utilisez le rôle « succès » pour :
  • Confirmer qu’une action a été réalisée avec succès.
  • Informer les personnes qu’un processus ou une tâche qu’elles ont demandé est terminé avec succès.

Vous pouvez modifier vos préférences en tout temps dans les Paramètres.

Avertissement

Utilisez le rôle « avertissement » pour :
  • Informer les personnes de conditions pouvant avoir une incidence sur leur tâche en cours.
  • Expliquer les conséquences possibles de la poursuite d’une action.

Changez votre mot de passe pour conserver l’accès à votre compte.

Danger

Utilisez le rôle « danger » pour :
  • Communiquer qu’une action n’a pas pu être réalisée avec succès.
  • Expliquer un problème qui empêche une personne de terminer sa tâche en cours.

Vérifiez vos renseignements et réessayez.
Aidez-nous à nous améliorer Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact. Quelque chose ne va pas? Signalez-le sur GitHub en créant un compte. Vous pourrez accéder aux réponses de l'équipe, suivre les progrès réalisés concernant votre problèmes et voir les problèmes signalés par d'autres personnes. Fournir des commentaires Signaler un problème sur GitHub
2026-09-09