PopupProps

Represents the props of the KendoVue Popup component.

anchor? string

Specifies the element which will be used as an anchor by ref (see example). The Popup opens next to that element.

anchorAlign? Align

Specifies the pivot point of the anchor (see example).

animate? boolean | PopupAnimation

Controls the Popup animation (see example). By default, the opening and closing animations are enabled.

appendTo? string

Defines the container to which the Popup will be appended by ref. Defaults to body.

className? string | Array

Specifies a list of CSS classes that will be added to the Popup element.

close? (event: CloseEvent) => void

Depricated. Use onClose event instead.

collision? Collision

Configures the collision behavior of the Popup (see example).

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.

open? (event: OpenEvent) => void

Depricated. Use onOpen event instead.

popupAlign? Align

Specifies the pivot point of the Popup (see example).

popupClass? string | Array

Specifies a list of CSS classes that will be added to the internal animated element (see example).

show? boolean

Controls the Popup visibility (see example). Defaults to false.

style? CSSProperties

Represents the styles that are applied to the Popup.