Svelte · Junior · Question 17 of 76

How do you render content conditionally?

{#if user}
  <p>Hi, {user.name}</p>
{:else}
  <a href="/login">Sign in</a>
{/if}

✓Correct answer: With {#if}, {:else if}, {:else} and {/if} blocks
2With a v-if attribute
3With <If condition={...}> component

Explanation

Blocks start with #, continue with : and end with /.

Further reading

Svelte: {#if ...} ↗

Test yourself

Take the Svelte · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.