New to Kendo UI for VueStart a free 30-day trial

PopoverProps

Interface

Represents the props of the Kendo UI for Vue Popover component.

Definition

Package:@progress/kendo-vue-tooltip

Properties

anchor?

HTMLElement

Specifies the element used as the Popover anchor.

animate?

boolean | PopupAnimation

Configures the animation behavior of the Popover.

appendTo?

HTMLElement

Defines the container to which the Popover is appended.

autoFocus?

boolean

Sets focus to the first focusable Popover element after opening.

Default:

true

callout?

boolean

Controls the visibility of the Popover callout.

Default:

true

className?

string | string[] | { [key: string]: boolean }

Specifies CSS classes for the Popover animation container.

Configures the collision behavior of the Popover.

contentStyle?

CSSProperties

Specifies styles for the Popover body element.

id?

string

Specifies the id attribute for the Popover element.

Specifies the margin between the Popover and its anchor.

Specifies the absolute position of the Popover.

onClose?

(event: PopoverCloseEvent) => void

Fires after the Popover closes.

Parameters:eventPopoverCloseEvent

Fires when Escape is pressed while focus is within the Popover.

Parameters:eventPopoverKeyDownEvent

onOpen?

(event: PopoverOpenEvent) => void

Fires after the Popover opens.

Parameters:eventPopoverOpenEvent

Fires after the Popover position is calculated.

Parameters:eventPopoverPositionEvent

popoverClass?

string | string[] | { [key: string]: boolean }

Specifies CSS classes for the Popover element.

Specifies the position of the Popover.

Default:

top

Specifies the positioning mode of the Popover.

Default:

fixed

scale?

number

Specifies the document scale used to position the Popover.

show?

boolean

Controls the visibility of the Popover.

Default:

false

style?

CSSProperties

Specifies styles for the Popover animation container.

title?

string | VNode​<RendererNode, RendererElement, { [key: string]: any }> | () => VNode​<RendererNode, RendererElement, { [key: string]: any }>

Specifies the title of the Popover.