NPopup

Popups are hidden elements that can be displayed conditionally as in a floating layer

Name
Type
Default
Description
v-model
Boolean
false

Popup visibility

trigger
--

DOM element to attach this popup to

placement
[String, Object]
auto

Dropdown placement, e.g. 'top', 'top-end' etc. See popper.js documentation for a list of possible placements.

Given erradic flip behavior of the popper, this can be passed as an object of placements corresponding to viewport { sm: 'top-start', md: 'top' } Passing placement as an object will disable flip and preventOverflow

arrow
Boolean
true

Show dropdown arrow

open-on-click
Boolean
true

Open when trigger slot is clicked

open-on-hover
Boolean
false

Open when mouse enters the trigger slot

type
String
--

Popup type, used as a class modifier

message
String
--

Popup content

config-callback
Function
--

A function that can be used to filter the popper config for this instance

Using External Trigger

Using Internal Trigger