DEV Community

[Comment from a deleted post]
Collapse
 
faraazahmad profile image
Syed Faraaz Ahmad
 
wobsoriano profile image
Robert

Thanks! To implement something like that you can use Materializecss Modals.

Something like this:

<script>
import { onMount } from "svelte";
import SvelteMonetization from 'svelte-monetization';
let modal;
onMount(() => {
    const modalElem = document.querySelector('.modal');
    modal = M.Modal.init(modalElem);

    // Show modal on load
    modal.open();
});

function handleStart() {
    modal.close();
}
</script>


<SvelteMonetization on:start={handleStart} />

<div class="modal">
<!-- Modal content -->
</div>