portal-vue

A feature-rich Portal Plugin for Vuejs, for rendering DOM outside of a component, anywhere our app or the entire document.

  • Owner: LinusBorg/portal-vue
  • Platform:
  • License:: MIT License
  • Category::
  • Topic:
  • Like:
    1
      Compare:

Github stars Tracking Chart

PortalVue

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

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

Looking for version 1.*? Docs for version 1 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

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

{
  modules: ['portal-vue/nuxt']
}

Overview

Name With OwnerLinusBorg/portal-vue
Primary LanguageVue
Program languageJavaScript (Language Count: 7)
Platform
License:MIT License
Release Count36
Last Release Name3.0.0 (Posted on 2022-12-11 11:53:17)
First Release Name1.0.0-beta.1 (Posted on 2017-02-24 21:49:41)
Created At2016-12-31 12:33:09
Pushed At2023-11-25 19:14:42
Last Commit At2020-12-22 23:50:07
Stargazers Count3.9k
Watchers Count36
Fork Count188
Commits Count563
Has Issues Enabled
Issues Count245
Issue Open Count27
Pull Requests Count120
Pull Requests Open Count11
Pull Requests Close Count30
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top