Search results

PopupModel API in Vue Popup API component

Interface for a class Popup

Properties

close

EmitType<Object>

Trigger the event once closed the popup.

open

EmitType<Object>

Triggers the event once opened the popup.

targetExitViewport

EmitType<Object>

Triggers the event when target element hide from view port on scroll.

actionOnScroll

ActionOnScrollType

specifies the action that should happen when scroll the target-parent container. This property should define either reposition or hide. when set reposition to this property, the popup position will refresh when scroll any parent container. when set hide to this property, the popup will be closed when scroll any parent container.

collision

CollisionAxis

Specifies the collision handler settings of the component.

content

string | HTMLElement

Specifies the content of the popup element, it can be string or HTMLElement.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

specifies the rtl direction state of the popup element.

height

string | number

Specifies the height of the popup element.

hideAnimation

AnimationModel

specifies the animation that should happen when popup closes.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

offsetX

number

specifies the popup element offset-x value, respective to the relative element.

offsetY

number

specifies the popup element offset-y value, respective to the relative element.

position

PositionDataModel

Specifies the popup element position, respective to the relative element.

relateTo

HTMLElement | string

Specifies the relative container element of the popup element.Based on the relative element, popup element will be positioned.

showAnimation

AnimationModel

specifies the animation that should happen when popup open.

targetType

TargetType

Specifies the relative element type of the component.

viewPortElement

HTMLElement

Specifies the collision detectable container element of the component.

width

string | number

Specifies the height of the popup element.

zIndex

number

specifies the z-index value of the popup element.