Components
    • Barcodes
    • Buttons
    • Charts
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editorupdated
    • Excel Export
    • File Saver
    • Filterupdated
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBoxnew
    • ListView
    • Mapbeta
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PivotGridbeta
    • Popup
    • ProgressBarsupdated
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    Styling & Themes
    Common Features
    Project Setup
    Troubleshooting
New to Kendo UI for Angular? Start a free 30-day trial

PopoverAnchorDirective

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

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

Selector

[kendoPopoverAnchor]

Export Name

Accessible in templates as #kendoPopoverAnchorInstance="kendoPopoverAnchor"

Inputs

NameTypeDefaultDescription

popover

PopoverFn | PopoverComponent

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.
  • hoverThe Popover will be shown when its anchor element is hovered.
  • focusThe Popover will be shown when its anchor element is focused.
  • noneThe 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

In this article

Not finding the help you need?