Conditional Slots

[tanhauhau]

rendered

Related issues:

• Feature: Let slots be wrapped in if statements to avoid "must be a child of a component" error. svelte#5604
• $$slots with slot forwarding svelte#6059
• Slots information disappear, when using {#if} inside parent componet svelte#7651

[techniq]

@tanhauhau Sounds like this might be able to handle $$slots with slot forwarding?

[tanhauhau]

@tanhauhau Sounds like this might be able to handle $$slots with slot forwarding?

@techniq yea, so you would write:

<Field>
   {#if $$slots.label}
	<slot name="label" slot="label" />
   {/if}
   {#if $$slots.description}
	<slot name="description" slot="description" />
   {/if}
</Field>

[brandonmcconnell]

I would also very much like to see this added to resolve the same issue mentioned above, a rather common issue when working with slots in Svelte: $$slots with slot forwarding

[TristanBrotherton]

I am very much in need of this as forwarded slots as currently implemented is pretty broken with no work-around for checking of content. See: https://svelte.dev/repl/1757f88780b644519bb30c2b68b10873?version=3.55.1

[risalfajar]

Any reason this hasn't been merged yet?
I also need this.

[dummdidumm]

Conditional slots will be possible in Svelte 5 through snippets and render tags. Whether or not we want to add syntax sugar with if+snippet inside remains to be seen. Closing this RFC - thank you.

[brandonmcconnell]

@dummdidumm @tanhauhau

Outside of Svelte 5, this PR introduces a valuable and foundational solution to slot forwarding across both methodologies — with and without runes — simply by using {#if}.

Could we merge this in addition to the other very welcome solutions?

Thanks!