How to access elements under slot

Ref around slot without a wrapper element

Defining Slots To define a slot within a web component's template, we use the slot> element Let's consider a simple example:

slot beer Slots are a way to pass elements to a component and let them render in a specific location, like a header or footer

slot head screws Slot Content and Outlet ​ We have learned that components can accept props, which can be JavaScript values of any type But how about template content?