Dialog / Modal

Blazor Dialog Example - Modal Dialog

Loading Syncfusion Blazor Server Demos…

Properties
Close on overlay click

This example demonstrates the modal behavior of the Blazor Dialog component. Choose the "Close on overlay" option from the property panel to decide whether the Dialog will be closed when clicking on the overlay. Click the "Open" button to display the Dialog again if it is closed.

When IsModal is enabled, the dialog behaves as a modal and blocks interaction with the parent application until the dialog is closed., ensuring that users must interact with the Blazor Dialog before continuing with the parent application.

For more information about modal behavior in Dialog, refer to the getting started documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE