HOC with slot props - Mouse tracker with cat • REPL

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

HOC with slot props - Mouse tracker with cat • REPL Props, or properties, in Svelte are used to pass data from parent components to child

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

svelte get slot content Slots can be rendered zero or more times and can pass values back to the parent using props The parent exposes the values to the slot template using the let:

Using allows you to pass Svelte components to another Svelte component Well, you can use the slot> directive in Svelte !-- Child component

svelte check if slot is empty With slot props, a component can pass data to the slot content Data can be Svelte Tutorial: Slot props · Svelte Tutorial: Checking for slot content

slot props from the HOC and explicity pass them into cat --> !-- Notice the event listener is on the cat, which is explicit on the one hand but also