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

PopoverAnchorDirective

Represents the kendoPopoverAnchor directive. Targets an element to display a popover on user interaction.

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

Selector

[kendoPopoverAnchor]

Export Name

Accessible in templates as #kendoPopoverAnchorInstance="kendoPopoverAnchor"

Inputs

NameTypeDefaultDescription

popover

PopoverComponent | PopoverFn

Specifies the popover instance to render. Accepts a PopoverComponent instance or a PopoverFn callback that returns a PopoverComponent instance for the current anchor element. See example.

showOn

PopoverShowOption

Specifies the mouse action that triggers the popover to show. See example.

Methods

hide

Hides the Popover. See example.

show

Shows the Popover. See example

toggle

Toggles the visibility of the Popover. See example

In this article
SelectorExport NameInputsMethods
Not finding the help you need?
Contact Support