PopoverContainerDirective
Represents the kendoPopoverContainer directive.
Filters and targets multiple elements to display a popover on user interaction.
Definition
Package:@progress/kendo-angular-tooltip
Selector:[kendoPopoverContainer]
Export Name:Accessible in templates as #kendoPopoverContainerInstance="kendoPopoverContainer"
Syntax:
<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>Inputs
filter
string
Specifies a selector for the elements that display a popover. Accepts a CSS selector string similar to a querySelector method. See example.
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.
Specifies the mouse action that triggers the popover to show. See example.
Methods
Hides the Popover. See example.
Shows the Popover.
The element used as an anchor. The Popover opens relative to this element. See example.
Toggles the visibility of the Popover. See example.
The element used as an anchor. The Popover opens relative to this element.