pull/8546/head
Nguyen Tran 3 years ago
parent ec4c7ee52c
commit ee75b16cf0

@ -0,0 +1,16 @@
<script>
import Component2 from './Component2.svelte';
</script>
<Component2>
<svelte:fragment slot="first">
<slot name="first" />
<slot name="second" />
<h3>Component 2 header</h3>
</svelte:fragment>
<svelte:fragment slot="second">
<slot name="third" />
<slot name="fourth" />
<slot name="fifth" />
</svelte:fragment>
</Component2>

@ -0,0 +1,16 @@
<script>
import Component3 from './Component3.svelte';
</script>
<Component3>
<svelte:fragment slot="first">
<slot name="first" />
</svelte:fragment>
<svelte:fragment slot="second">
<slot name="first" />
<slot name="second" />
</svelte:fragment>
<svelte:fragment slot="third">
<slot name="second" />
</svelte:fragment>
</Component3>

@ -0,0 +1,9 @@
<script>
import Component4 from './Component4.svelte';
</script>
<Component4>
<slot name="first" slot="first" />
<slot name="second" slot="second" />
<slot name="third" slot="third" />
</Component4>

@ -0,0 +1,3 @@
<slot name="first">First slot's default text</slot>
<slot name="second">Second slot's default text</slot>
<slot name="third">Third slot's default text</slot>

@ -0,0 +1,7 @@
export default {
html: `
<h3>Component 2 header</h3>
<h3>Component 2 header</h3>
Third slot's default text
`
};

@ -0,0 +1,5 @@
<script>
import Component1 from './Component1.svelte';
</script>
<Component1 />
Loading…
Cancel
Save