DropDownsPopupSettings

The settings of the popup container.

Name	Type	Default	Description
anchor	string		Specifies the element which will be used as an anchor (see example). The Popup opens next to that element.
anchorAlign?	object		Specifies the pivot point of the anchor (see example).
animate?	boolean | PopupAnimation		Controls the popup animation. By default, the open and close animations are enabled.
appendTo?	string		Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to body.
className?	string | string[]		Specifies a list of CSS classes that will be added to the Popup element.
collision?	object		Configures the collision behavior of the Popup (see example).
direction?	string		Specifies the direction of the Expand Animation. Defaults to down.
height?	string		Sets the height of the popup container. By default, the height is 200px.
id?	string		Specifies the id that will be added to the Popup element.
offset?	Offset		Specifies the absolute position of the element (see example). The Popup opens next to that point. The pivot point of the Popup is defined by the popupAlign configuration option. The boundary detection is applied by using the window viewport.
onClose?	(event: CloseEvent) => void		Fires after the Popup is closed.
onOpen?	(event: OpenEvent) => void		Fires after the Popup is opened and the opening animation ends.
popupAlign?	object		Specifies the pivot point of the Popup (see example).
popupClass?	string | string[]		Specifies a list of CSS classes that will be added to the internal animated element (see example).
popupStyle?	string		Sets the styles that will be added to the popup element.
style?	any		Represents the styles that are applied to the Popup.
width?	string		Sets the width of the popup container. By default, the width of the host element is used.