Modals

Dialog / modal component from Verapath.Components. Supports Razor markup (<Modal>) and imperative C# usage via ModalService.ShowAsync(). All modals are draggable by the header.

Razor Markup Usage

Use <Modal @bind-IsVisible="..."> directly in your page. The modal is draggable — grab the header and move it around.

Type Variants

The Type parameter adds a contextual icon to the header and automatically makes the OK button destructive (red) for Danger.

C# Service Usage

Inject ModalService and call await ModalService.ShowAsync(...). The returned ModalResult tells you which button was clicked. Result: none yet

Service with Custom Content

Pass a RenderFragment as Content in ModalOptions for rich body content from C#. Selected: none yet

Controlled Close

CloseOnBackdropClick="false" prevents accidental dismissal. Must use a button.

Forced Dark Mode

Use Theme="dark" on the modal or pass it via ModalOptions.Theme.

An unhandled error has occurred. Reload x