17 Svelte Tutorial Slot Props

SvelteThemes · Themes · Resources · Paid Templates · Updates · Submit svelte-slot-props Svelte Slot Props oodavid · svelte logo Want a Svelte site built

17 Svelte Tutorial Slot Props 前幾天介紹了slot是什麼，並且介紹了svelte slot 的基本內容跟named slots 命名插座後大家應該知道要怎麼在元件內插入自定義的子節點。 但是一般的svelte元件可以宣告

SvelteThemes · Themes · Resources · Paid Templates · Updates · Submit svelte-slot-props Svelte Slot Props oodavid · svelte logo Want a Svelte site built

svelte pass props to slot Components can pass data back to their slotted content via slot props In this app, we have a list of named CSS colours Typing into the input> will filter

With slot props, a component can pass data to the slot content Data can be passed to slot like it's a component Data can be bound to a variable with a let:

svelte slot svelte ; script> ; import Slotted from ' '; ; let name = 'world';

As you can see above, all prop children elements will be inside a container Now I will use the Nested Svelte component inside the App