React Popup

  • A versatile React Popup component, which will comply with any alignment or positioning requirement.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.


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

React Popup - Overview, KendoReact UI Library

React Popup - Overview 1, KendoReact UI Library


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

React Popup - Animations, KendoReact UI Library

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

React Popup - Aligning and Positioning, KendoReact UI Library


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

React Popup - Appearance, KendoReact UI Library

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.