Groupe de concepts
Informer l'utilisateur
Comparer une mise à jour temporaire, un message persistant dans son contexte et une annonce à l'échelle de la page.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsInformer l'utilisateur
Essayer
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Notification temporaire
Contexte commun aux essais
Un espace de travail signale un changement d'état et doit placer le message selon sa portée, son urgence et sa persistance.
Notification temporaire
Mission
Notification temporaire - Toast
Copier le lien, entendre ou lire la confirmation, focaliser Fermer et vérifier que le délai se met en pause.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le message Lien copié apparaît sans déplacer le focus du bouton Copier.
- Cas limite
- Les messages en file restent lisibles séparément, et aucune autre notification ne couvre une action disponible.
Alerte dans le contexte
Mission
Alerte contextuelle - Inline alert
Déclencher l'échec, lire la raison, utiliser l'action de correction et vérifier que le message reste jusqu'au choix d'un fichier valide.
Taille maximale : 1 Mo.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- L'alerte visible nomme le fichier, explique la limite de taille et propose Choisir un autre fichier.
- Cas limite
- Si l'erreur se trouve déjà dans la région d'envoi focalisée, elle n'est pas annoncée une seconde fois comme alerte assertive.
Ce que cet essai montre
Toast est temporaire et détaché de la source ; Inline alert reste près du contenu concerné, tandis que Banner communique un message global de page.
Lequel convient à ton besoin ?
Notification temporaire
Confirmer un résultat de fond à faible risque
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
Différence et sources
Toast est temporaire et détaché de la source ; Inline alert reste près du contenu concerné, tandis que Banner communique un message global de page.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Surface
Le conteneur visible qui accueille le contenu du composant.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- l'interface signale une mise à jour un avertissement ou un état
- la portée l'urgence et la persistance du message déterminent son emplacement