MorphingModal example • Playground • Svelte

App.svelte

import MorphingModal from 'svelte-morphing-modal';

let open = false;

</script>

Mini conent

</div>

Full conent

<button on:click={e=>open=false}>×</button>

</div>

</MorphingModal>

<style>

.mini, .full { border: 2px solid gray; padding: 10px; background: white; }

</style>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */