# Source: https://nuxt.com/raw/docs/3.x/examples/advanced/teleport.md

# Source: https://nuxt.com/raw/docs/4.x/examples/advanced/teleport.md

# 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.

<read-more to="/docs/api/components/teleports">



</read-more>

<sandbox branch="main" dir="examples/advanced/teleport" file="app.vue" repo="nuxt/examples">



</sandbox>