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 vote215 views2 answers
Custom radio css
Html
0 vote202 views1 answer
Twig inky to html
Html
0 vote196 views1 answer
Mark tag in html
Html
16 votes239 views6 answers
Striped table bootstrap
Html
0 vote211 views1 answer
In line a frame animation
Html
0 vote231 views1 answer
How to make text move in html
Html
0 vote208 views1 answer
What should base_generic.html look like
Html
6 votes186 views3 answers
Sound on click javascript
Html
10 votes209 views3 answers
How to make text uppercase html
Html
3 votes204 views5 answers
Vuejs v-on
Html