@progress/kendo-angular-popup
Version:
Kendo UI Angular Popup component - an easily customized popup from the most trusted provider of professional Angular components.
52 lines (37 loc) • 5.22 kB
Markdown
<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
<img width="631" src="https://demos.telerik.com/kendo-angular-ui/assets/banner/npm-banner.svg">
</a>
## Kendo UI for Angular Popup Component
> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
> * To use this package, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
> * Adding a valid license key file ensures a seamless experience during the trial period—no watermarks, no warnings, and full access to all components and features.
> * Trial users can register for a free license key file. Without it, your trial may be interrupted by visual indicators or functionality limitations.
> * Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
> * Learn more: https://www.telerik.com/kendo-angular-ui/components/licensing
>
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
## Angular Popup Component
The [Kendo UI for Angular Popup](https://www.telerik.com/kendo-angular-ui/components/pdfviewer) component overlays content next to a specific anchor HTML element. The Angular Popup component is build natively for Angular so you get the best possible performance and integration with other Angular components.
<img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/component-pages/angular/angular-popup-animations.gif" alt="Angular PopupExample">
### Key Features
* [Animations](https://www.telerik.com/kendo-angular-ui/components/popup/animations/)—Customize the animation of the Popup and change its direction, type, and duration, or disable it.
* [Aligning and Positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning/)—Align the Popup components to other components and absolute points as well as to control its position and render a margin according to a specific elements.
* [Document Scale](https://www.telerik.com/kendo-angular-ui/components/popup/document-scale/)—The Angular Popup provides configuration options for declaring the document scale so that it gets properly positioned.
* [Styling](https://www.telerik.com/kendo-angular-ui/components/popup/styling/)—Customize the appearance of the host Popup element and the elements that hold its content as well as copy the anchor font styles of the content-holding element.
* [Viewport Boundary Detection](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary/)—Set the compponent's boundary detection functionality so that when it does not fit in the viewport, it will automatically change its position.
* [Angular Service](https://www.telerik.com/kendo-angular-ui/components/popup/service/)—Create Popup instances from TypeScript based on user interactions and without the need to define the component in a template.
## Support Options
For any issues you might encounter while working with the Kendo UI for Angular Popup, you have the following support channels available:
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
## Resources
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
* [Getting Started with the Kendo UI for Angular Popup](https://www.telerik.com/kendo-angular-ui/components/popup/installation/getting-started)
* [PDFViewer Overview page](https://www.telerik.com/kendo-angular-ui/components/pdfviewer) and [PDFViewer API reference](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/api)
* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
*Copyright © 2025 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*