PopoverAnchorDirective

Represents the kendoPopoverAnchor directive. It is used to target an element, which should display a popover on interaction.

ts

<button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>

Selector

[kendoPopoverAnchor]

Export Name

Accessible in templates as #kendoPopoverAnchorInstance="kendoPopoverAnchor"

Inputs

Name	Type	Default	Description
popover	PopoverComponent | PopoverFn		Specifies the popover instance that will be rendered. Accepts a PopoverComponent instance or a PopoverFn callback which returns a PopoverComponent instance depending on the current anchor element. See example
showOn	PopoverShowOption		The event on which the Popover will be shown The supported values are: click (default) —The Popover will be shown when its anchor element is clicked. hover—The Popover will be shown when its anchor element is hovered. focus—The Popover will be shown when its anchor element is focused. none—The Popover will not be shown on user interaction. It could be rendered via the Popover API methods.

Methods

hide
Hides the Popover (See example).

show
Shows the Popover. See example

toggle
Toggles the visibility of the Popover. See example