Alerte

Les alertes permettent d’attirer l’attention de l’utilisateur sur une information sans interrompre sa tâche en cours. Le composant doit être placé en première place du contenu auquel il est associé (en haut d’une page, d’un formulaire, d’un container…).

Ceci est une alerte

Avec un paragraphe pour expliquer davantage sa raison d’être.

Tailles d’alerte

L’alerte existe en deux tailles, Small et Medium, à utiliser en fonction de l’espace d’affichage disponible.

Taille Small : à utiliser lorsque l’espace d’affichage est réduit.

Taille Médium Simple : à utiliser lorsqu’un titre seul suffit

Taille Médium

L’alerte medium avec description permet de donner des informations complémentaires à l’utilisateur, en plus du titre.

Types d’alerte

Il y a 4 types d’alerte permettant de donner des informations de différentes natures

Information – Alerte

L’alerte information est  à utiliser pour mettre en exergue des informations importantes

Succès – Alerte

L’alerte information sert à indiquer à l’utilisateur qu’une action ou une tâche a été terminée avec succès.

Erreur – Alerte

L’alerte erreur est à utiliser quand il y a plusieurs erreurs dans un formulaire, ou des erreurs bloquantes à remonter pour l’utilisateur.

Attention – Alerte

L’alerte ‘attention’ (warning) est  à utiliser pour mettre en exergue des risques ou points d’attention importants.