{#snippet} and {@render}
Define reusable template fragments with snippets and render them anywhere.
Snippets
Snippets are reusable template fragments in Svelte 5, similar to render functions or named slots.
Define a Snippet
Use {#snippet name(args)}...{/snippet}.
{#snippet greeting(name)}
<p>Hello, {name}!</p>
{/snippet}All lessons in this course
- $props() for Typed Props
- {#snippet} and {@render}
- Passing Snippets as Props
- Default and Named Snippets