<PortalTarget>

A component that defines a target for a <Portal> component.

Although Portals are extremely helpful in certain situations, it can be hard to reason about them at times. It’s recommended to use them sparingly.

Example

ComponentA.svelte

<!-- Create a portal with the id "trail" -->
<T.Object3D>
  <PortalTarget id="trail" />
</T.Object3D>

ComponentB.svelte

<Portal id="trail">
  <!-- Use a portal with the id "trail -->
  <T.Mesh>
    <T.BoxGeometry />
    <T.MeshStandardMaterial color="red" />
  </T.Mesh>
</Portal>

Component Signature

Props

name

type

required

default

---

id

string

no

"default"