A Portal Component for Vuejs, for rendering DOM outside of a component, anywhere in the document.
Clone or download

README.md

PortalVue

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

PortalVue Logo

This branch is currently representing v1.4.0-beta.1 Install with npm install portal-vue@next

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

Installation

npm i portal-vue // v1.3.0 (stable)
npm i portal-vue@next // v1.4.0-beta.1 (current beta)
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 anwhere in your App.
  The slot content of the above portal component will be rendered here.
  -->
</portal-target>