Svelte if block

<script>
	let user = { loggedIn: false };
	let toggle = () => user.loggedIn = !user.loggedIn;
</script>

{#if user.loggedIn}
	<button on:click={toggle}>Log out</button>
{/if}

{#if !user.loggedIn}
	<button on:click={toggle}>Log in</button>
{/if}

Source: svelte.dev

Similar codes

180 votes161 views6 answers
How to link css to html
Html
52 votes171 views6 answers
Html stands for
Html
0 vote159 views1 answer
Html how to change button text
Html
0 vote168 views1 answer
How to make text move in html
Html
0 vote137 views1 answer
Why there's a default margin in html <body>
Html
-1 vote140 views2 answers
<link rel = "icon" href = "logo.jpg" type = "logo"> issue
Html
0 vote109 views1 answer
Blizard.js print
Html
0 vote153 views1 answer
Html meta boilerplate
Html
1 vote146 views1 answer
Jyml toggle checkbox text
Html
1 vote154 views1 answer
Faq html css
Html