Le Shadow DOM est une fonctionnalité du navigateur qui permet d’encapsuler une portion d’interface HTML/CSS/JS dans un composant.
Il évite que le style ou les scripts de l’extérieur n’interfèrent avec le composant, ce qui améliore la modularité et la réutilisabilité.
Par exemple, un bouton personnalisé avec ses propres styles ne sera pas impacté par ceux du reste de la page.