Shadow DOM refers to a subtree of DOM elements that renders as part of the document, but not into the main document DOM tree.
When we are creating a component in Angular 2, a shadow DOM is created and our template gets loaded into it (not by default).