How to use props in Svelte -

Sequence diagram representing the data flow detailed in the text of this post Data flow from layout to page in SvelteKit I'm

We can use slot props to pass data from the child to parent using the let: directive of slots This helps us set up separation of concerns

svelte slot Often you want to have the parent component pass data to the child component You can do so using props Props behave similarly to

svelte pass props to slot pass props BOTH into a slotted component AND back out to the parent Svelte Tutorial