Il arrive souvent qu’on veuille afficher une fenêtre par-dessus l’interface : pour un message de confirmation, un formulaire rapide, ou une alerte. C’est ce qu’on appelle une popup ou une modale.

L’idée est simple : afficher un composant temporairement au-dessus du reste, et le faire disparaître à la demande.

Pourquoi ne pas tout faire à la main ?

On pourrait créer une modale avec un simple état isOpen et un peu de CSS, mais :

• Il faut gérer les animations
• Le focus clavier (accessibilité)
• Le scroll de fond (le bloquer)
• Le responsive