The r:popupPanel component is used to create any kind of popups on the page.

Main features:

- Two states; modal and non-modal
- Can be defined as resizable
- Can be autosized according to content
- Can be moved across the screen
- Can be automatically positioned as centered or use a defined position

This example shows a simple non-modal popup which is movable but not resizable and defined to use autosizing according to it's content

This example also shows two variants of working with the component JavaScript API:

- The popup is called by the r:componentControl attached to button
- The popup is closed by a simple JavaScript call which is defined using the r:component function