LinusBorg/portal-vue

Stars
3,772
Rank 11,665 (Top 0.3 %)
Language Vue
License
MIT License
Created almost 8 years ago
Updated over 1 year ago

LinusBorg/portal-vue

LinusBorg

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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)

PortalVue

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

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.

composition-api-demos

A Vue.js app demonstarting various use cases for the new composition API

vue-mixable

Turn Vue Mixins into Composables with a simple wrapper function

vue-simple-portal

A simpler Portal implementation focussed on moving slot content to the end of the body element

vue-reactive-provide

Plugin/Mixin wrapping Vue's static 'provide/inject' feature allowing to easily pass reactive data to children

vue-lib-template

a personal template to boostrap the boilerplate for developing Vue libraries in a pnpm monorepo

vue-cli-plugin-test-attrs

A small plugin vor vue-cli 3 that adds a compiler plugin to remove data-test attributes when desired

slidev-theme-vuetiful

A Slidev Theme for my talks about Vue.js

talks

Collection of talks I gave

varia

Vuejs 3 baseline components and composables fo building WAI-ARIA compatible UI components

vueday-enterjs-vue3

Talk slides for Enter.js Vue Day (15.06.2021)

vue-filedrop

[WIP, NOT READY] A set of composable Vue components to create rich Dropzone-like UI elments and behaviour

talks_2018-11_VuejsRoadtrip-Berlin

Slides of the talk I gave at Vuejs Roadtrip Berlin, 2018-11-23

vue-directive-clickout

a directive to catch clicks outside of an element, compatible with Vue 2.0 only

vue-ko-fi-button

the Ko-fi Buttton (www.ko-fi.com) implemented as a Vue component (no affiliation)

vue-teleport-plus

A superior Teleport component experience for Vue 3

tailwindui-listbox-vue3-demo

eslint-config

create-vue-ts-eslint-airbnb-example

Example Repo demonstrating how to add the Airbnb config to a Typescript-Vue Project created with create-vue

demo-project-building-portals-in-vue

Created with CodeSandbox

vue-inject-helpers

[WIP] Wrapper components for Vue.js to pass injected properties as props to a child component

talk-thinking-in-script-setup

My talk for Vuejs Germany 2022 in Berlin

talk-cross-compatible-vue-components

Slides for my talk at Vuejs Amsterdam 2022