New to Kendo UI for Angular? Start a free 30-day trial

Popover Animations

The Popover enables you to display an animation when it is shown.

To configure the animation behavior use the animation option. It accepts both boolean and PopoverAnimation parameters. The animation is disabled by default.

The PopoverAnimation object enables you to configure the following options:

  • direction—The supported values are down | up | left | right.
  • type—The supported values are slide | expand | zoom | fade.
  • duration— The animation duration in milliseconds.

The following example demonstrate the popover animation in action.

View Source
Change Theme:

In this article

Not finding the help you need?