DxMessageBox.Visible Property

Specifies whether the message box is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool Visible { get; set; }

Property Value

Type	Default	Description
Boolean	false	true if the message box is displayed; otherwise, false.

Remarks

Implement two-way binding for the Visible property to show the message box in code and update the property value when a user closes the component. The VisibleChanged event occurs when the property value changes.

Run Demo

<DxButton Text="Show Alert" Click="@(() => MessageBoxVisible = true)" />

<DxMessageBox @bind-Visible="MessageBoxVisible"
              Title="Error"
              Text="Unable to process the request. Please try again later or contact support."
              OkButtonText="Contact Support"
              CancelButtonText="Try Later"
              RenderStyle="MessageBoxRenderStyle.Danger"
              Type="MessageBoxType.Confirmation"/>
@code {
    bool MessageBoxVisible { get; set; } = false;
}

You can handle the following events related to the Visible property’s changes:

Shown

Fires after the message box is displayed.

Closed

Fires after the message box is closed.