PopupSettings

Specifies the popup settings.

Props

The following table outlines the props for the PopupSettings:

NameTypeDefaultDescription
autoReposition
boolean
-

Specifies whether the popup automatically adjusts its position when the content size changes.

collision
CollisionAxis
-

Specifies the collision handling behavior on the X and Y axes. When the popup collides with the viewport, this determines how it adjusts.

height
string
-

Specifies the height of the popup.

offsetX
number
0

Specifies the horizontal offset for positioning the popup relative to the target.

offsetY
number
0

Specifies the vertical offset for positioning the popup relative to the target.

position
PositionAxis
{X:'left', Y:'bottom'}

Specifies the X and Y position of the popup relative to the target element.

viewPortElementRef
RefObject<HTMLElement | null>
-

Reference to the viewport element used for collision detection of the popup.

width
string
-

Specifies the width of the popup.

zIndex
number
1000

Specifies the z-index value for the popup, controlling its stacking order relative to other elements on the page.