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.