Svelte Grid Slotted • Playground • Svelte

Skip to main content

App.svelte

Layout.svelte

TextBlock.svelte

<script>

import Layout from "./Layout.svelte";

import TextBlock from "./TextBlock.svelte";

</script>

<Layout>

<TextBlock text="xxxx" slot="text1" />

<TextBlock text="yyy" slot="text2" />

<svelte:fragment slot="img1">

img1 is here

</svelte:fragment>

</Layout>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */