---
template: Example
---

# Teleport

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.

::alert{type=info icon=👉}
Learn more about [teleports](/docs/usage/teleports).
::

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