Popover plugn
npm i --save @nativescript-community/ui-popover
  • Version: 0.1.4
  • GitHub:
  • Downloads:
    • Last Day:   43
    • Last Week:  48
    • Last Month: 206


Downloads per month NPM Version

Popover plugn

Table of Contents


Run the following command from the root of your project:

ns plugin add @nativescript-community/ui-popover


Using Svelte

  import { showPopover } from '@nativescript-community/ui-popover/svelte';

view: YourInnerSvelteComponent,
props: {}

Using Vue

  import PopoverPlugin from '@nativescript-community/ui-popover/vue';

//in your components
this.$showPopover(YourInnerVueComponent, {
props: {}


 interface PopoverOptions {
anchor: View;
vertPos?: VerticalPosition;
horizPos?: HorizontalPosition;
x?: number;
y?: number;
fitInScreen?: boolean;
onDismiss?: Function;
Name Return Description
showPopover(options: PopoverOptions) void Programatically open the popover
closePopover(options: PopoverOptions) void Programatically close the popover

Demos and Development


To run the demos, you must clone this repo recursively.

git clone https://github.com/@nativescript-community/ui-popover.git --recursive

Install Dependencies:

npm i # or 'yarn install' or 'pnpm install'

Interactive Menu:

To start the interactive menu, run npm start (or yarn start or pnpm start). This will list all of the commonly used scripts.


npm run build

npm run build.angular # or for Angular


npm run demo.[ng|react|svelte|vue].[ios|android]

npm run demo.svelte.ios # Example


If you have any questions/issues/comments please feel free to create an issue or start a conversation in the NativeScript Community Discord.