All dialogs support ESC/BACK button

Sample Description
The dialog code is inside this razor file
Use bootstrap style
Dialog code is inside Dialog_Dialog1.razor
Dialog_Dialog2.razor shows how to prevent ESC/BACK button closing dialog
Dialog_Dialog3.razor show use full page dialog for Navigation

Url State Dialog Important

If dialog is showed by the URL , when page refresh, it will be show again.

The Dialog must provide RouteAttribute @page "/Dialog_Dialog4"

Sample Description
Dialog_Dialog4.razor use @page "/Dialog_Dialog4" to accept the URL
Use @layout DialogLayout for another layout : DialogLayout.razor
Use route "/Dialog_Dialog4/{Message}/" to pass parameter

The difference of Url Dialog and Link Navigation is that the Url Dialog keeps the caller UI open.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙