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

0 vote184 views1 answer
Html script element
Html
0 vote175 views1 answer
How do I change the default text in dropzone.js?
Html
0 vote181 views1 answer
App script send data back to html
Html
1 vote223 views1 answer
Nuxt route id nuxt link
Html
0 vote171 views1 answer
HTML5 Video tag not working Safari iPhone iPad video webpage supported
Html
13 votes239 views4 answers
HTML Text Formatting
Html
0 vote175 views1 answer
Func.apply is not a function at HTMLUnknownElement.callCallback
Html
5 votes183 views4 answers
Is html a programming language
Html
33 votes207 views5 answers
How to underline text in html
Html
5 votes187 views1 answer
Textarea readonly
Html