Retour aux cas pratiques
Web ComponentsAvancé

Conception d'un composant modal encapsulé avec gestion d'état interne

Scénario

Contexte : Une application doit afficher une modale réutilisable dans plusieurs pages sans dépendre d'une librairie externe. Le Problème : Les implémentations actuelles dupliquent la logique d'ouverture et de fermeture. Contraintes : Utiliser Custom Elements et Shadow DOM natif. Gérer l'état interne du composant. Livrable attendu : Créer un composant <app-modal> capable d'ouvrir et fermer dynamiquement son contenu via méthode publique (open, close) tout en encapsulant son style.

Compétences ciblées

webcomponentsshadowdommodalcomponentstate
    Conception d'un composant modal encapsulé avec gestion d'état interne — mise en situation Web Components | CodeDuel