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

6 votes108 views1 answer
\r in html
Html
9 votes116 views2 answers
How set the function on button when click and show the window.print output in js
Html
46 votes118 views5 answers
Html text color tag
Html
0 vote116 views1 answer
Capturing input value alpine js
Html
3 votes112 views2 answers
Angular material drag and drop only on button
Html
0 vote113 views1 answer
Html image goes outside div
Html
28 votes321 views3 answers
Online html image editor
Html
1 vote108 views2 answers
How to use div in html
Html
37 votes154 views6 answers
Html comment
Html
4 votes163 views1 answer
Enctype= multipart/form-data
Html