Kendo UI for Angular Popover Overview

The Popover represents a popup with rich content that is related to a single or multiple UI elements. It could be displayed when the target element is hovered, clicked or focused.

The Popover Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Kendo UI for Angular Popover in action.

View Source
Change Theme:

Angular Popover Key Features

The Kendo UI for Angular Popover delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests ongoing efforts to improve the performance and add more value to the existing Popover as well as develop new features to it.

  • Single Anchor ElementA quick way to display the Popover for a single anchor element.

  • Multiple Anchor ElementsDefine a container, which holds multiple anchor elements for the same Popover instance.

  • Programmatic ControlTake advantage of the Popover's provided options for consuming its API programmatically.

  • PositioningThe Popover allows the option to set the position in which it is opened in regards to its target element.

  • TemplatesProvide custom content for the Popover's header, body and actions sections.

  • AnimationsEnable animations that will be applied on the opening of the Popover.

In this article

Not finding the help you need?