Skip to main content
All docs
V25.1
  • DxMessageBox.Visible Property

    Specifies whether the message box is visible.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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;
    }
    

    Message Box

    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.
    See Also