<script>
import Overlay from 'svelte-overlay';
let isOpen = false;
function toggleFromOutside() {
isOpen = !isOpen;
}
</script>
<div>
<button on:click={toggleFromOutside}>Toggle from outside</button>
</div>
<Overlay bind:isOpen={isOpen} >
<div slot="parent">
I am a parent
</div>
<div slot="content" class="content">
Lorem ipsum dolor sit.
</div>
</Overlay>
<style>
.content {
width: max-content;
border: 1px solid #ddd;
background: #f7f7f7;
padding: 1em;
}
</style>