Svelte Modal

Components can be placed in a named slot using the syntax Component slot=name > In order to place content in a slot without using a wrapper element

🐿️ This is how it works in Svelte because your components get turned into classes at the end of the day If you want to support the content

svelte check if slot is empty The contents of a Svelte component can be passed through slots Svelte supports default slots, named slots, and slots that pass data back to the slotted content

svelte pass props to slot In Svelte, slotted content renders lazily In the DOM, it renders eagerly In other words, it will always be created even if the component's slot> element