Tout ce qui apparaît par-dessus la page sans la remplacer. La distinction clé : est-ce que ça bloque l'utilisateur (il doit décider avant de continuer) ou pas ?
Fenêtre modale (modal / dialog)
Fenêtre qui s'ouvre au centre de l'écran et grise le reste : rien d'autre n'est possible tant qu'elle n'est pas validée ou fermée.
Quand l'utiliser : confirmation critique (« Êtes-vous sûr de supprimer ? »), mini-formulaire bloquant.
Quand l'éviter : information secondaire : infobulle ou panneau coulissant suffisent.
Panneau coulissant (drawer / sheet)
Panneau qui glisse depuis un bord (souvent la droite), pousse ou recouvre une partie de la page : souvent un formulaire d'édition ou un détail.
Quand l'utiliser : détail d'un élément cliqué sans changer de page, ou formulaire moyen.
Quand l'éviter : confirmation rapide → la modale est plus directe ; formulaire complexe → page dédiée.
Infobulle (tooltip)
Petite bulle de texte qui apparaît au survol d'un élément (icône, bouton) pour l'expliquer brièvement et disparaît dès qu'on s'éloigne.
Quand l'utiliser : icône sans légende, signification d'un terme, action à préciser.
Quand l'éviter : texte long ou info critique : invisible sur mobile (pas de survol).
Popover (popover)
Petite fenêtre qui s'ouvre au clic à côté d'un élément, avec du contenu interactif (mini-formulaire, filtres) ; se ferme en cliquant ailleurs.
Quand l'utiliser : mini-formulaire contextuel (changer un statut), filtres rapides, actions secondaires.
Quand l'éviter : contenu long ou plusieurs étapes → modale ou panneau coulissant.
Menu déroulant d'actions (dropdown menu)
Petite liste verticale d'actions au clic sur un bouton (souvent l'icône « trois points ») : Modifier, Dupliquer, Supprimer.
Quand l'utiliser : regrouper des actions secondaires sans surcharger l'interface de boutons.
Quand l'éviter : une seule action → le bouton directement ; choix de valeur → menu déroulant (différent).
Notification éphémère (toast)
Petit message qui apparaît dans un coin de l'écran après une action et disparaît seul après quelques secondes.
Quand l'utiliser : confirmer qu'une action a réussi (« Profil enregistré »), signaler une erreur non bloquante.
Quand l'éviter : erreur grave qui demande une action → alerte ou modale : il disparaît trop vite.