Issue with rendering HTML component as a Astro component's child. [email protected] | @astrojs/[email protected] about astro HOT 5 CLOSED

You have to add a <slot /> in your Card.astro component:

<li class="link-card">
    <slot />
</li>

from astro.

You have to add a <slot /> in your Card.astro component:

<li class="link-card">
    <slot />
</li>

Yeah, sorry I missed that in my example in Stackblitz, and thank you for your response. But I'm still having an issue with my app. I have a default slot and a few named slots, I'm not sure what can cause the issue.

from astro.

When I added double <slot /> it worked... Can anyone explain what just happened?

from astro.

@milovanovicd Can you provide a code sample so we can better understand what you mean by a double <slot />?

In your Stackblitz, it's not a double slot: you just opened then closed the slot using <slot></slot>. Since it also works with a single auto-closing <slot />, I guess you are referring to another code...

from astro.

@ArmandPhilippot sorry, I can't share that part of the code with you, just was wondering if anybody else had an issue with that

from astro.