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>