dom slot ✓ Introducing Slot-Based Shadow DOM API

dom slot
Slots are declared using the slot> element within the Shadow DOM Example: div id=shadow-root>dom slot Defining a Component ​ · Using a Component ​ · Passing Props ​ · Listening to Events ​ · Content Distribution with Slots ​ · Dynamic Components ​ · in-DOM Template

dom slotThen the browser performs “composition”: it takes elements from the light DOM and renders them in corresponding slots of the shadow DOM

dom slot Learn about composition for Web Components using Shadow DOM and light DOM to allow the creation of elements that can take other elements