Skip to main content

Popup API Overview

Initialization

<script setup>
import { Popup } from "@svar-ui/vue-core";
</script>

<template>
<!-- minimal configuration for initialization -->
<Popup>
<p>Some text here and there</p>
</Popup>
</template>
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.
atOptional. Defines the alignment or anchor point of a popup relative to its parent element
cssOptional. Adds a custom CSS class to a popup
leftOptional. Sets the left offset of a popup in pixels
parentOptional. An HTML element relative to which the popup will be positioned
topOptional. Sets the top offset of a popup in pixels
trackScrollOptional. Defines whether the popup closes when its container is scrolled
widthOptional. Sets the width of a popup
cancelSets the function that closes a popup