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 vote148 views1 answer
Colspan 1.5
Html
1 vote184 views2 answers
Tab completion vscode
Html
0 vote144 views1 answer
Mysql data to html table
Html
0 vote137 views1 answer
Inner html templates
Html
5 votes200 views2 answers
Iframe responsive
Html
1 vote160 views1 answer
Less css
Html
15 votes251 views6 answers
Angular ngfor index
Html
0 vote138 views1 answer
Thymeleaf import in html
Html
0 vote147 views1 answer
## File * [random-numbers-unsolved](Unsolved/random-numbers-unsolved.html) ### Instructions * Research how to improve on Math.random() to generate a random whole number between 1 and 10 instead of a random decimal number
Html
2 votes136 views1 answer
Info symbol text
Html