Alert - Alerte

Bannière servant à afficher un retour d'information à l'utilisateur concernant une action ou un état.

Anatomie

Le composant alerte est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.

Conteneur

Icône facultatif

Titre facultatif

Description

Conteneur d'éléments d'action facultatif

Bouton facultatif

Icône de fermeture facultatif

Alerte simple

L'alerte simple affiche seulement un message textuel

Alerte avec action requise

Cette alerte offre la possibilité d'accompagner le message par des éléments d'action (bouton, case à cocher, etc.) afin d'obtenir une réponse de l'utilisateur.

États

Info - Info

État par défaut qui est utilisé pour afficher des informations importantes, mais qui ne nécessitent pas d'attention immédiate.

Succès - Success

Le succès est un état utilisé pour indiquer qu'une action a été effectuée avec succès ou qu'une condition de succès a été atteinte. Cela peut inclure des messages tels que "Opération réussie" ou "Données enregistrées avec succès.

Neutre - Neutral

L'état neutre est utilisé pour fournir des informations supplémentaires qui ne sont pas urgentes ou critiques. Ce type d'état peut être utilisé pour donner des informations contextuelles.

Avertissement - Warning

L'état avertissement est utilisé pour indiquer qu'une situation potentiellement problématique a été détectée, mais qu'il n'y a pas de conséquences immédiates. Cela peut inclure des messages tels que "Le serveur n'a pas répondu" ou "Des informations sont manquantes dans le formulaire.

Critique - Danger

Cet état est utilisé pour indiquer qu'une action ne s'est pas effectuée comme l'utilisateur l'aurait souhaité.

Tailles

Medium

Small

Responsive

Les alertes sont généralement conçues pour être réactives et adaptées à différentes tailles d'écran, de sorte qu’elles restent visibles et lisibles sur des appareils de différentes dimensions.