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

13 votes178 views1 answer
Align cneter html
Html
9 votes174 views6 answers
Html boilerplate
Html
1 vote180 views1 answer
Connect html to mysql database
Html
2 votes181 views1 answer
How to make text emphasized in html
Html
0 vote190 views1 answer
Meta name="description"
Html
3 votes194 views2 answers
Html data-target modal
Html
0 vote188 views1 answer
Svg marker
Html
0 vote139 views1 answer
On hover event
Html
38 votes194 views6 answers
Bootstrap 4 border
Html
1 vote178 views1 answer
I am not a robot captcha code
Html