<script>
import { Modals, closeModal, openModal, modals } from 'svelte-modals@next'
import Modal from './Modal.svelte'
function handleOpen() {
openModal(Modal,
{
title: 'Favorite Pet?',
message: 'Pick one',
options: ['Dog', 'Cat']
},
{
on: {
select: (event) => {
alert('you chose ' + event.detail)
closeModal()
}
}
})
}
</script>
<button on:click={handleOpen}>
open
</button>
<Modals>
<div
slot="backdrop"
class="backdrop"
on:click={closeModal}
/>
</Modals>
<style>
.backdrop {