Design Patterns for Building Reusable Svelte Components

When creating Svelte components, you may need to expose the parent component values to the child component The Svelte let directive can do

In such a scenario, data is passed using slots to render it as an HTML tag to a specific child The slot is used as a tag in the child component while defining

svelte slot props To pass children elements to a Svelte component, you must use the HTML directive This works for HTML elements and nested Svelte components

svelte pass props to slot Learn Svelte and SvelteKit with an interactive browser-based tutorial