Skip to main content

parent

Description

Optional. An HTML element relative to which the popup will be positioned

Usage

parent?: HTMLElement;

Example

<script setup>
import { ref } from "vue";

const node = ref(null);
</script>

<template>
<div ref="node">
<Button type="block" :onclick="showPopup">Show next to button</Button>
</div>
<Popup v-if="isOpen" :parent="node">
<p>Some text</p>
</Popup>
</template>