Add Modal triggers

src/routes/components/Modal.md

@@ -1,14 +1,12 @@
 ```svelte example raised
 <script lang="ts">
-	import { Modal, Checkbox, Button } from 'omorphia'
+	import { Modal, Button } from 'omorphia'
 	import IconArrowRight from 'virtual:icons/heroicons-outline/arrow-right'
-
-	let open = false
 </script>
 
-<Checkbox bind:checked={open}>Open modal</Checkbox>
+<Modal title="Example modal" danger cancelButton let:trigger>
+	<Button on:click={trigger} slot="trigger">Open modal</Button>
 
-<Modal title="Example modal" danger cancelButton bind:open>
 	<p>Secret message goes here!</p>
 	<Button color="primary" slot="button"><IconArrowRight /> Continue</Button>
 </Modal>

src/routes/components/ModalDeletion.md

@@ -1,16 +1,9 @@
 ```svelte example raised
 <script lang="ts">
 	import { ModalDeletion, Button } from 'omorphia'
-
-	let open = false
 </script>
 
-<Button
-	color="danger"
-	on:click={() => {
-		open = true
-	}}>
-	Delete account
-</Button>
-<ModalDeletion type="account" key="venashial" bind:open />
+<ModalDeletion type="account" key="venashial" let:trigger>
+	<Button slot="trigger" color="danger" on:click={trigger}>Delete account</Button>
+</ModalDeletion>
 ```