Webtips
If Statements in Svelte

If Statements in Svelte

Ferenc Almasi • Last updated 2020 September 12 • Read time 1 min read
  • twitter
  • facebook

Just like in React, templates in Svelte can also handle conditional statements:

Copied to clipboard! 
{#if user.isAdmin}
  <h1>Welcome to the World ☁️</h1>
{:else if user.isEditor}
  <h1>Welcome to the Library 🏫</h1>
{:else}
  <h1>Welcome to the Jungle 🦁️</h1>
{/if}
Conditionals.svelte

These blocks can have optional else-if and else blocks.

If statements in Svelte
If you would like to see more Webtips, follow @flowforfrank
Looking into Svelte 3
Looking into Svelte 3Quickstart by creating a retro board in Svelte from scratchSvelte 3 promises a radical new approach to building user interfaces. Since it is a compiler, it works fundamentally different from other big frameworks...

Resources:

  • twitter
  • facebook
Did you find this page helpful?
📚 More Webtips
Mentoring

Rocket Launch Your Career

Speed up your learning progress with our mentorship program. Join as a mentee to unlock the full potential of Webtips and get a personalized learning experience by experts to master the following frontend technologies:

Request Pricing
  • html
  • css
  • js
  • typescript
  • react
  • svelte
  • astro
  • sass

Courses

Recommended

This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.
x