mirror of https://github.com/sveltejs/svelte
parent
0dad618dbe
commit
bef6c15f69
@ -0,0 +1,5 @@
|
||||
<script>
|
||||
let { foo } = $props();
|
||||
</script>
|
||||
|
||||
{@render foo()}
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
x.svelte-xyz + y:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
<script>
|
||||
import Child from './Child.svelte';
|
||||
</script>
|
||||
|
||||
<x></x>
|
||||
|
||||
<Child>
|
||||
{#snippet foo()}
|
||||
<y>this should be green</y>
|
||||
{/snippet}
|
||||
</Child>
|
||||
|
||||
<style>
|
||||
x + y {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
x.svelte-xyz + z:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
<x></x>
|
||||
|
||||
<slot>
|
||||
<y>fallback content</y>
|
||||
</slot>
|
||||
|
||||
<z>this should be green if the slot fallback is not rendered</z>
|
||||
|
||||
<style>
|
||||
x + z {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue