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

@nativescript-community/ui-popover

Downloads per month NPM Version

Popover plugn


Table of Contents

Installation

Run the following command from the root of your project:

ns plugin add @nativescript-community/ui-popover

API

Using Svelte

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

showPopover({
view: YourInnerSvelteComponent,
props: {}
});

Using Vue

  import PopoverPlugin from '@nativescript-community/ui-popover/vue';
Vue.use(PopoverPlugin);

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

Methods

 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

Setup

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.

Build

npm run build

npm run build.angular # or for Angular

Demos

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

npm run demo.svelte.ios # Example

Questions

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