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

3 votes124 views2 answers
Strikethrough in html
Html
20 votes116 views3 answers
Custom data attributes html
Html
0 vote113 views1 answer
Login fa fa
Html
3 votes125 views3 answers
Ion button outline
Html
0 vote131 views1 answer
Show the display
Html
3 votes118 views1 answer
Autoredirect html
Html
0 vote121 views1 answer
Get all classes from html file
Html
1 vote121 views1 answer
Beatify html
Html
-1 vote146 views4 answers
Bootsrap 4 6 cdn
Html
6 votes122 views2 answers
How to collect input textbox in html
Html