React Popup

Overview

The React Popup component helps position a piece of content next to a specific HTML element in a distinct area that can be shown or hidden with a single configuration option.

See React Popup Overview demo

Animations

By default, the KendoReact Popup component has animations when opening and closing the component. These animations can be enabled or disabled by accessing the animate property.

See React Popup Animations demo

Aligning and Positioning

With the React Popup component developers can align the popup to components and absolute points, as well as control its relative position to these elements.

See React Popup Aligning and Positioning demo

Appearance

Out of the box, the KendoReact Popup component has some basic styling that can be easily customized to make the popup element and its content fit any UX requirements.

See React Popup Appearance demo