Using named slots in Custom Components

Visual Editor Help
1

Hi,

Is it possible to use named slots in the custom components in the visual editor ?

Let’s say for example, i have a component like so (in Vue):

<Section>
   <slot name="header"> <!-- named slot-->
   <InnerSection>
      <slot></slot> <!-- default slot -->
   </InnerSection>
   <slot name="footer"> <!-- named slot-->
</Section>

So that would mean that a custom component might have multiple drop zones.
Is it possible ? :thinking:

2 Likes
2

+1 for this. Otherwise i think with vue, you can really only have one child. Hopefully i’m wrong!

3

Hello @faz, @marinelbg,

Named slots are not yet supported, but there are plans to implement support for named slots in the coming months.

4

What are some alternatives until you’re done with named slots implementation?