New to Kendo UI for Angular? Start a free 30-day trial
Popover Animations
Updated on Oct 31, 2025
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 aredown|up|left|right.type—The supported values areslide|expand|zoom|fade.duration— The animation duration in milliseconds.
The following example demonstrate the popover animation in action.
Change Theme
Theme
Loading ...