All Projects → LinusBorg → Portal Vue

LinusBorg / Portal Vue

Licence: mit
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
typescript
32286 projects
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to Portal Vue

bolsa
Biblioteca feita em Python com o objetivo de facilitar o acesso a dados de seus investimentos na bolsa de valores(B3/CEI) através do Portal CEI.
Stars: ✭ 46 (-98.68%)
Mutual labels:  portal
portal-demos
A few demos on how the new portal API can be used with React.
Stars: ✭ 14 (-99.6%)
Mutual labels:  portal
safenetwork-gitportal
p2p git portal - a decentralised alternative to github
Stars: ✭ 12 (-99.66%)
Mutual labels:  portal
WebproxyPortlet
No description or website provided.
Stars: ✭ 14 (-99.6%)
Mutual labels:  portal
groupepsa.github.io
Documentation for Application Developpers
Stars: ✭ 14 (-99.6%)
Mutual labels:  portal
SourceAutoRecord
Speedrun plugin for Source Engine games.
Stars: ✭ 47 (-98.65%)
Mutual labels:  portal
Instahelp
Instahelp is a Q&A portal website similar to Quora
Stars: ✭ 21 (-99.4%)
Mutual labels:  portal
Kupiki Hotspot Script
Create automatically a full Wifi Hotspot on Raspberry Pi including a Captive Portal
Stars: ✭ 265 (-92.41%)
Mutual labels:  portal
hcp-portal-service-samples
Code samples of site and page templates, applications, widgets, shell plugins and more, intended to be used as references for development of custom content for SAP HANA Cloud Platform portal service sites.
Stars: ✭ 29 (-99.17%)
Mutual labels:  portal
react-portal-hoc
A stupid HOC to make a stupid portal so you can make stupid modals
Stars: ✭ 14 (-99.6%)
Mutual labels:  portal
react-append-to-body
React Higher order component that allows you to attach components to the DOM outside of the main app.
Stars: ✭ 30 (-99.14%)
Mutual labels:  portal
Raymarch-Engine
Minimal ray-traced game engine with gravity affected rays
Stars: ✭ 17 (-99.51%)
Mutual labels:  portal
opensource-management-portal
Microsoft's monolithic GitHub Management Portal enabling enterprise scale self-service powered by the GitHub API 🏔🧑‍💻🧰
Stars: ✭ 369 (-89.43%)
Mutual labels:  portal
react-stick
React component to stick a portaled node to an anchor node
Stars: ✭ 51 (-98.54%)
Mutual labels:  portal
squest
Service request portal on top of Ansible Tower/AWX
Stars: ✭ 115 (-96.7%)
Mutual labels:  portal
trident
Trident is a trusted and secure communication platform for enabling better communication between groups of trusted parties
Stars: ✭ 21 (-99.4%)
Mutual labels:  portal
developer-portal
VA Lighthouse (aka VA API Platform) website and documentation.
Stars: ✭ 25 (-99.28%)
Mutual labels:  portal
Opensource Portal
Microsoft's monolithic GitHub Management Portal enabling enterprise scale self-service powered by the GitHub API 🏔🧑‍💻🧰
Stars: ✭ 273 (-92.18%)
Mutual labels:  portal
gorails
gorails website
Stars: ✭ 34 (-99.03%)
Mutual labels:  portal
configurable-app-examples-4x-js
Configurable Application Examples using ApplicationBase
Stars: ✭ 22 (-99.37%)
Mutual labels:  portal

PortalVue

A Portal Component for Vuejs, 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 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']
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].