--- path: components/popup/overview title: Overview position: 1 seo_title: Overview of the Popup Component seo_description: Learn about the basic features of the Telerik and Kendo UI Popup component and check out the elements of its anatomy such as container and anchor component. --- ## Popup Overview A Popup is a user interface (UI) element that appears on top of the main content and provides supplementary information or functionality. It has the form of a small window or dialog box that pops up in response to a user action, such as clicking a button or hovering over an element. Popups can contain a range of content, including text, images, forms, list items, or other interactive elements, and are also used to present contextual information or options to the user. The Telerik and Kendo UI Popup component is a standalone component, although its use as such is uncommon. Usually, the Popup serves as a structural part of complex components that have a popup window, such as dropdowns, pickers, inputs, and others. ### Anatomy The anatomy of the Popup summarizes the elements of the component. The Popup is a simple container with styles—border, background, shadow—that help to create the perception of elevation. The next image shows the anatomy of a Popup and includes the following elements: ![A Telerik and Kendo UI Popup component with a container and anchor component elements.](images/components-popup-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI Popup including a container and an anchor component.") ### Framework-Specific Documentation For specific information about the component, refer to its official product documentation: ![Kendo UI for Angular logo](/images/angular-logo.svg) ![Telerik UI for Blazor logo.](/images/blazor-logo.svg) ![Kendo UI for jQuery logo](/images/jquery-logo.svg) ![KendoReact logo](/images/react-logo.svg) ![Kendo UI for Vue logo](/images/vue-logo.svg) ![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg) ![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)