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

---
title: "Teleport"
description: "This example shows how to use the <Teleport> with client-side and server-side rendering."
toc: false
---

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="/api/components/teleports"}
::

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