PopupProps
Represents the props of the KendoVue Popup component.
Definition
Package:@progress/kendo-vue-popup
Properties
anchor?
string | HTMLElement
Specifies the element which will be used as an anchor (see example). The Popup opens next to that element.
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 | HTMLElement
Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to body.
ariaDescribedBy?
string
Specifies the element that describes the Popup.
ariaLabelledBy?
string
Specifies the element that labels the Popup.
className?
string | string[] | { [key: string]: boolean }
Specifies a list of CSS classes that will be added to the Popup element.
Configures the collision behavior of the Popup (see example).
direction?
string
Specifies the direction of the Expand Animation. Defaults to down.
id?
string
Specifies the id that will be added to the Popup element.
margin?
{ horizontal?: number; vertical?: number }
Defines the horizontal and vertical margin between the Popup and its anchor.
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.
onMousedownoutside?
(event: MouseDownOutsideEvent) => void
Fires when the mousedown event is triggered outside the Popup.
Fires after the Popup is opened and the opening animation ends.
onPosition?
(event: PositionEvent) => void
Fires after the Popup position is calculated.
Specifies the pivot point of the Popup (see example).
popupClass?
string | string[] | { [key: string]: boolean }
Specifies a list of CSS classes that will be added to the internal animated element (see example).
positionMode?
"absolute" | "fixed"
Specifies the positioning mode of the Popup.
role?
string
Specifies the ARIA role of the Popup.
scale?
number
Specifies the document scale used when positioning the Popup.
show?
boolean
Controls the Popup visibility (see example). Defaults to false.
style?
any
Represents the styles that are applied to the Popup.