<script>
import Overlay from 'svelte-overlay';
</script>
<Overlay>
<button slot="parent" let:toggle on:click={toggle}>
Click Me!
</button>
<div slot="content" class="content" let:close>
<p>Lorem ipsum dolor sit.</p>
<button on:click={close}>Close</button>
</div>
</Overlay>
<style>
button { margin: 0; }
.content {
width: max-content;
border: 1px solid #ddd;
background: #f7f7f7;
padding: 1em;
}
</style>