<script>
import { Modals, closeModal, openModal, modals } from 'svelte-modals'
import Modal from './Modal.svelte'
function handleOpen() {
openModal(Modal, {
title: `Alert #${$modals.length + 1}`,
message: "This is an alert",
onOpenAnother: () => {
handleOpen()
}
})
}
</script>
<button on:click={handleOpen}>
open
</button>
<Modals>
<div
slot="backdrop"
class="backdrop"
on:click={closeModal}
/>
</Modals>
<style>
.backdrop {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0,0,0,0.50)
}