svelte-teleport
A Svelte component to teleport elements across the DOM.
Example usage
You can also try it out on the REPL.
<script> import { Portal } from 'svelte-teleport'; let portal_a; let portal_b;</script> <h1>Example</h1> <button on:click={() => portal_a.teleport_to(portal_b)}>Teleport!</button> <h2>Portal A</h2> <Portal bind:this={portal_a}> <textarea>Hello world!</textarea></Portal> <h2>Portal B</h2> <Portal bind:this={portal_b}></Portal>