mirror of https://github.com/sveltejs/svelte
parent
ac5e1b95b6
commit
ec4c7ee52c
@ -0,0 +1,15 @@
|
||||
<script>
|
||||
import Component2 from './Component2.svelte';
|
||||
</script>
|
||||
|
||||
<Component2>
|
||||
<svelte:fragment slot="first">
|
||||
<slot name="first" />
|
||||
<slot name="second" />
|
||||
</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: `
|
||||
First slot's default text
|
||||
<h3 slot="fourth">Component 1 slot=fourth</h3>
|
||||
<h3 slot="fourth">Component 1 slot=fourth</h3>
|
||||
`
|
||||
};
|
||||
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
import Component1 from './Component1.svelte';
|
||||
</script>
|
||||
|
||||
<Component1>
|
||||
<h3 slot="fourth">Component 1 slot=fourth</h3>
|
||||
</Component1>
|
||||
Loading…
Reference in new issue