DxWaitIndicator.Visible Property

Specifies whether the Wait Indicator is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
Boolean	false	true to display the component; otherwise, false.

Remarks

Use the Visible property to specify when to show the Wait Indicator.

The following example imitates a lengthy operation. During this operation the Button becomes disabled and the Wait Indicator appears.

<DxButton Enabled="!isSending"
          Click="Send"
          RenderStyle="ButtonRenderStyle.Secondary">
    <div class="d-flex">
        <DxWaitIndicator Visible="isSending" />
        <span class="mx-2">@Message</span>
    </div>
</DxButton>

@code{
    bool isSending = false;
    string Message => isSending ? "Sending..." : "Send";
    private async Task Send() {
        isSending = true;
        await Task.Delay(3000);
        isSending = false;
    }
}