Slots

This is an example of a nested svelte app with props passing variables back up.

This is regular text! is is not toggled on currently, the value is:

toggle = false

This is out of scope, so I cannot access the variable anymore! Quite reusable

A second component starting with nothing

toggle = false

This is an exmaple of putting Astro components into svelte slots

This is pure text inserted

This text is styled before being placed inside

This text is styled before AFTER placed inside

And this is text inside the Svelte component with a variable:
Foo = 0
You can click on this to increase the number


        This text is added after the entire slot system is finished since it is
        unnamed