The DOM node tree is a hierarchical structure of nodes, where some nodes can branch out, while others are just leaves. If you want to create a custom element sans template/shadowDOM . I am trying to create a component that does not have a Shadow DOM. Shadow DOM provides a way to scope CSS styles to a specific DOM subtree and isolate that subtree from the rest of the document. GitHub Gist: instantly share code, notes, and snippets. Many types of components, such as tabs, menus, image galleries, and so on, need the content to render. There is no doubt that 3rd party libraries and plugins will adjust to heavily depend on web components when they become standard. I wanted to check how this affects the use of ARIA roles, states and properties. With a basic understanding of the purpose of a Shadow DOM, let’s get into the specifics of how it is utilised in Ionic. Shadow Parts are a newer way to help style elements that are within a Shadow DOM. Linked blogpost https://hackernoon.com/web-components-the-react-way-8ed5b6f4f942#.5em3zpgin is down. For example: But divis actually a wrapper of the element that the browser normally gives you. The full post is available here. If you are new to web components, please check out Part 1 of this series. GitHub Gist: instantly share code, notes, and snippets. Using the shadow DOM introduces a new way of thinking about styling content. The naive way — Plain