Make modal example more obvious

5 years ago · c954e84727
parent c4c21438b2
commit c954e84727
1 changed files with 6 additions and 6 deletions
--- a/site/content/examples/14-composition/04-modal/App.svelte
+++ b/site/content/examples/14-composition/04-modal/App.svelte
@ -1,9 +1,13 @@
 <script>
 	import Modal from './Modal.svelte';

-	let showModal = true;
+	let showModal = false;
 </script>

+<button on:click="{() => showModal = true}">
+	show modal
+</button>
+
 {#if showModal}
 	<Modal on:close="{() => showModal = false}">
 		<h2 slot="header">
@ -22,8 +26,4 @@

 		<a href="https://www.merriam-webster.com/dictionary/modal">merriam-webster.com</a>
 	</Modal>
-{:else}
-	<button on:click="{() => showModal = true}">
-		show modal
-	</button>
-{/if}
+{/if}