From 343f3d86f2c86435a3e4c59b3c7561b3a6aa864c Mon Sep 17 00:00:00 2001
From: Scott Wu <sw@scottwu.ca>
Date: Mon, 3 Feb 2025 18:27:57 +0800
Subject: [PATCH] add template

---
 .../docs/03-template-syntax/06-snippet.md     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/documentation/docs/03-template-syntax/06-snippet.md b/documentation/docs/03-template-syntax/06-snippet.md
index c9951d3f3414..fb8c1e706a6f 100644
--- a/documentation/docs/03-template-syntax/06-snippet.md
+++ b/documentation/docs/03-template-syntax/06-snippet.md
@@ -112,6 +112,32 @@ Snippets can reference themselves and each other ([demo](/playground/untitled#H4
 
 ## Passing snippets to components
 
+```svelte
+<Component>...</Component> <!-- uses the children prop -->
+```
+
+```svelte
+<Component>
+	{#snippet children()}...{/snippet}
+	{#snippet foo()}...{/snippet}
+</Component>
+```
+
+```svelte
+{#snippet children()}...{/snippet}
+{#snippet foo()}...{/snippet}
+<Component {children} {foo}/>
+```
+
+```svelte
+/// file: Component.svelte
+<script>
+  let { children, foo } = $props();
+</script>
+{@render children()}
+{@render foo()}
+```
+
 Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE3VS247aMBD9lZGpBGwDASRegonaPvQL2qdlH5zYEKvBNvbQLbL875VzAcKyj3PmzJnLGU8UOwqSkd8KJdaCk4TsZS0cyV49wYuJuQiQpGd-N2bu_ooaI1YwJ57hpVYoFDqSEepKKw3mO7VDeTTaIvxiRS1gb_URxvO0ibrS8WanIrHUyiHs7Vmigy28RmyHHmKvDMbMmFq4cQInvGSwTsBYWYoMVhCSB2rBFFPsyl0uruTlR3JZCWvlTXl1Yy_mawiR_rbZKZrellJ-5JQ0RiBUgnFhJ9OGR7HKmwVoilXeIye8DOJGfYCgRlZ3iE876TBsZPX7hPdteO75PC4QaIo8vwNPePmANQ2fMeEFHrLD7rR1jTNkW986E8C3KwfwVr8HSHOSEBT_kGRozyIkn_zQveXDL3rIfPJHtUDwzShJd_Qk3gQCbOGLsdq4yfTRJopRuin3I7nv6kL7ARRjmLdBDG3uv1mhuLA3V2mKtqNEf_oCn8p9aN-WYqH5peP4kWBl1UwJzAEPT9U7K--0fRrrWnPTXpCm1_EVdXjpNmlA8G1hPPyM1fKgMqjFHjctXGjLhZ05w0qpDhksGrybuNEHtJnCalZWsuaTlfq6nPaaBSv_HKw-K57BjzOiVj9ZKQYKzQjZodYFqydYTRN4gPhVzTDO2xnma3HsVWjaLjT8nbfwHy7Q5f2dBAAA)):
 
 ```svelte