We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Dialog Component for React

The dialog component is used to notify users about important information and receive input from the user, such as displaying error or warning information and requesting login details. The component comes with built-in buttons, positioning, animation, draggable borders, and template features.

Users can show modal and modeless (non-modal) dialogs depending on their interactions with the parent application.

Fully customizable

The dialog component is fully customizable.

Built-in buttons

Built-in support to add action buttons in the dialog component. This helps the user define necessary events for dialog actions.


Users can position the dialog in a page or specific target.


Users can drag a dialog anywhere in a page or to a specific target using its header.

Multiple dialogs

Users can show multiple dialogs simultaneously in a page. The React dialogs are displayed in a stacked order by default, but can be customized dynamically through their z-index.


Users can configure different animations for when the dialogs are opened and closed.

Load content via AJAX

Users can show a dialog with dynamic content to load content from external pages or other HTML elements.

Alert and confirmation dialogs

Users can create React alerts and confirmation dialogs by using built-in utility functions.


All static strings used in a dialog can be localized as needed. The dialog control uses the Essential JS 2 localization library to localize its strings.


Dialog supports right to left rendering. Users can change the text direction and layout of the dialog from right to left. It improves the user experience and accessibility for users who uses RTL languages.


The dialog control provides the best user experience across phone, tablet, and desktop form factors.


  • Fully supports WAI-ARIA accessibility, which helps dialogs be accessed by on-screen readers and assistive devices.

  • Follows WAI-ARIA Best Practices for implementing keyboard interaction.

  • The UI element visuals such as foreground color, background color, line spacing, text, and images were designed based on WCAG 2.0 standard.

Developer-friendly APIs

Developers can control the appearance and behaviors of a dialog, including its positioning, using a rich set of APIs.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.