PopupModel

23 Sep 20251 minute to read

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.