background

KendoReact

React Popup

  • A versatile React Popup component, which will comply with any alignment or positioning requirement.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Popup Header
  • Configurable React Popup

    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 the React Popup Overview demo

    React Popup - Overview, KendoReact UI Library
  • 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 the 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 the React Popup Aligning and Positioning demo

    React Popup - Aligning and Positioning, KendoReact UI Library
  • 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 the React Popup Appearance demo

    React Popup - Appearance, KendoReact UI Library

All KendoReact Components

Next Steps