Example of Positioning in React Dialog Component


This example demonstrates how to position the dialog component. Select the appropriate radio button to position where the dialog is displayed. The current position of the dialog is at the bottom. Enable the "open dialog" button to reopen the dialog if it is closed.

More Details...


By default, the dialog is displayed in the center of the target container. Use the position property to set location where the dialog displays relative to the target. The property point-out the horizontal and vertical coordinates. You can set position with specific X and Y coordinates in pixel values.

More information on the positioning of Dialog can be found in the documentation section.