Skip to content
A Portal Component for Vuejs, for rendering DOM outside of a component, anywhere in the document.
Branch: develop
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.vscode WIP: Fix a few things before rewrite (#145) Sep 2, 2018
build
dist v1.5.1 Dec 30, 2018
docs Fix: small typos in docs/examples.md (#178) Jan 30, 2019
example fix: remove wrapperKey tht forced unnessessary recreations Dec 26, 2018
nuxt add nuxt module (#157) Nov 23, 2018
src fix: remove wrapperKey tht forced unnessessary recreations Dec 26, 2018
test/unit
.babelrc
.eslintignore - auto-use plugin if not in module env. Feb 21, 2017
.gitignore
.npmignore
LICENSE
README.md
logo.xcf
package-lock.json
package.json v1.5.1 Dec 30, 2018

README.md

PortalVue

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

BETA For upcoming v2.0

This is the current stable develop branch with v1.5. We are about to release a new major version, which you can check out now, as it's in beta! See the next branch or visit https://portal-vue-next-preview.netlify.com/

PortalVue Logo

Install with npm install portal-vue

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

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

Add portal-vue/nuxt to modules section of nuxt.config.js

{
  modules: ['portal-vue/nuxt']
}
You can’t perform that action at this time.