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 vote175 views2 answers
Html encrypt email from bots
Html
2 votes171 views1 answer
Info icon in html
Html
75 votes161 views5 answers
Copyright sign in html
Html
0 vote166 views1 answer
Html auto start video
Html
84 votes143 views4 answers
Justify content align items
Html
0 vote150 views1 answer
Codesandbox disable prettier
Html
38 votes150 views6 answers
Iframe in html
Html
1 vote147 views1 answer
Html Contenteditable attribute
Html
6 votes155 views6 answers
Tailwind css
Html
1 vote104 views1 answer
Font style bold in html
Html