Basic Snippets in Svelte

From the Svelte cheat sheet · Snippets (Svelte 5) · verified Jul 2026

Creating and using snippets

javascript

{#snippet greeting(name)}
  <p>Hello, {name}!</p>
{/snippet}

{@render greeting('World')}
{@render greeting('Svelte')}

🎯 Replaces slots in Svelte 5

📦 Reusable template fragments within component

🔄 Can pass multiple parameters

⚡ More flexible and powerful than slots

More Svelte tasks