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 110+ 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.

Example
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 Element—A quick way to display the Popover for a single anchor element.

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

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

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

  • Templates—Provide custom content for the Popover's header, body and actions sections.

  • Animations—Enable animations that will be applied on the opening of the Popover.

Support and Learning Resources

Additional Resources