PopoverContainerDirective

Represents the kendoPopoverContainer directive. Filters and targets multiple elements to display a popover on user interaction.

html

<div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
  <button class="has-popover">Show Popover</button>
  <button>Button Without Popover</button>
  <button class="has-popover">Show Popover</button>
</div>

Selector

[kendoPopoverContainer]

Export Name

Accessible in templates as #kendoPopoverContainerInstance="kendoPopoverContainer"

Inputs

Name	Type	Default	Description
filter	string		Specifies a selector for the elements that display a popover. Accepts a CSS selector string similar to a querySelector method. See example.
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.
Parameters anchor Element | ElementRef<any> The element used as an anchor. The Popover opens relative to this element. See example.

toggle
Toggles the visibility of the Popover. See example.
Parameters anchor Element | ElementRef<any> The element used as an anchor. The Popover opens relative to this element.