Nuxt/docs/content/1.docs/4.examples/1.app/teleport.md

---
toc: false
---

# Teleport

This example shows how to use the <Teleport> with client-side and server-side rendering.

Vue 3 provides the [`<Teleport>` component](https://vuejs.org/guide/built-ins/teleport.html) which allows content to be rendered elsewhere in the DOM, outside of the Vue application.

This example shows how to use the `<Teleport>` with client-side and server-side rendering.

::ReadMore{link="/docs/api/components/teleports"}
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/app/teleport" file="app.vue"}
::