Skip to content

A feature-rich Portal Plugin for Vue 3, for rendering DOM outside of a component, anywhere in your app or the entire document. (Vue 2 version: v2.portal-vue.linusb.org)

License

Notifications You must be signed in to change notification settings

LinusBorg/portal-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

024509f · Nov 25, 2023
Dec 21, 2022
Dec 18, 2022
Nov 25, 2023
Dec 18, 2022
Dec 11, 2022
Dec 10, 2022
Dec 27, 2018
Dec 10, 2022
Dec 10, 2022
Feb 16, 2021
Dec 11, 2022
Dec 10, 2022
Feb 16, 2021
Dec 20, 2022
Dec 10, 2022
Dec 18, 2022
Dec 18, 2022
Dec 10, 2022
Dec 11, 2022
Dec 10, 2022
Dec 10, 2022
Dec 10, 2022
Dec 10, 2022
Dec 10, 2022

Repository files navigation

PortalVue

A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.

PortalVue Logo

Buy Me a Coffee at ko-fi.com

For more detailed documentation and additional Information, please visit the docs.

Looking for the version for Vue 2.*? Docs for PortalVue 2.*, compatible with Vue 2, are here

Installation

npm i portal-vue

# or

yarn add portal-vue
import PortalVue from 'portal-vue'
Vue.use(PortalVue)

Usage

<portal to="destination">
  <p>This slot content will be rendered wherever the <portal-target> with name 'destination'
    is  located.</p>
</portal>

<portal-target name="destination">
  <!--
  This component can be located anywhere in your App.
  The slot content of the above portal component will be rendered here.
  -->
</portal-target>

Nuxt module

v3 does not yet have a nuxt module integration. PRs welcome.