If/Else Blocks in Svelte
From the Svelte cheat sheet · Control Flow · verified Jul 2026
If/Else Blocks
Conditional rendering
javascript
{#if loggedIn}
<p>Welcome back!</p>
{:else}
<p>Please log in</p>
{/if}
{#if score >= 90}
<p>A</p>
{:else if score >= 80}
<p>B</p>
{:else}
<p>F</p>
{/if}🎯 {#if} blocks for conditional rendering
🔄 {:else if} for multiple conditions
📦 Can nest if blocks for complex logic
⚡ Efficient DOM updates with block-level reactivity