2 ways to pass data into Svelte slots

To declare component props, use the $props rune: let { optionalProp The functionality of snippets is similar to slots, but more convenient,

script> ; import Component2 from ' ' ; script> ; !-- This shouldn't work since style is not passed to the default slot but a named one? -->

svelte slot Props allow us to pass data from a parent component down to a child component through custom attributes on the parent component's HTML tag note Props are only

svelte get slot content Note that props are one-way — to get data from a child component into a parent component, use bindings Composing with slot> A component can contain a slot>