Blazor Dialog Example - Custom Positioning

This example demonstrates how to position the Blazor Dialog component. Select the appropriate radio button to set the position where the Dialog is displayed. The current position of the Dialog is at the center. Enable the "Open" button to reopen the Dialog if it is closed.

By default, the Blazor Dialog is displayed in the center of the target container. Use the Position property to set the location where the Dialog displays relative to the target. The property specifies the horizontal and vertical coordinates. You can set positions with specific X and Y coordinates in pixel values.

For more information about positioning in Dialog, refer to the positioning documentation.