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

1 vote330 views3 answers
Online html css generator
Html
58 votes272 views2 answers
How to import font awesome in html
Html
0 vote302 views1 answer
Checkbox checked border square CSS
Html
16 votes307 views6 answers
Striped table bootstrap
Html
-1 vote286 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
0 vote328 views2 answers
How to print hello world in html
Html
2 votes295 views1 answer
Center p html
Html
0 vote268 views1 answer
Icon not shwing in goole search
Html
-1 vote267 views1 answer
WebView Dump all html
Html
35 votes266 views1 answer
How to make a divide sign in html
Html