Overlay

Затъмнете страницата, за да фокусирате вниманието, или само част от нея, и поставете съдържание като спинер отгоре.

Защо помага

• Цяла страница или област
• Съдържание отгоре
• Просто

Къде пасва

• Зареждане
• Модален фокус
• Прегледи

Пример

<Button Variant="Variant.Outlined" OnClick="Run">Load for 2 seconds</Button>
<div style="position:relative;min-height:8rem" class="doc-demo-box">
    Content that is covered while loading.
    <Overlay Visible="_busy" Absolute="true"><Stack Align="center"><Spinner /><span>Loading…</span></Stack></Overlay>
</div>

@code {
    private bool _busy;

    private async Task Run()
    {
        _busy = true;
        StateHasChanged();
        await Task.Delay(2000);
        _busy = false;
    }
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация