mapo-core/MP-TAB2/MP-TAB/Components/Pages/CardDemo.razor

@page "/CardDemo"
@attribute [StreamRendering(true)]

<!-- Temporary workaround until MapRazorComponents supports AddAdditionalAssemblies -->
<!-- Once that is implemented, the main project won't need to include this file -->
@if (ListTitle == null)
{
    <div class="row">
        <div class="col-12 my-2 alert alert-warning fs-3">
            executing on server
        </div>
        @for (int i = 0; i < 9; i++)
        {
            <div class="col-4 my-2">
                <MP_TAB.Client.Components.CardTest Title="Loading" DoPlaceholder="true" CardCss="bg-warning">
                </MP_TAB.Client.Components.CardTest>
            </div>
        }
    </div>
}
else
{
    <MP_TAB.Client.Pages.CardDemoList CardTitles="@ListTitle"></MP_TAB.Client.Pages.CardDemoList>
}

@code {

    protected List<string>? ListTitle { get; set; }

    protected override async Task OnInitializedAsync()
    {
        ListTitle = null;
        await Task.Delay(300);
        ListTitle = new List<string>();
        await InvokeAsync(StateHasChanged);
        await Task.Delay(300);
        for (int i = 0; i < 9; i++)
        {
            ListTitle.Add($"Card {i + 1:00}");
        }
        await Task.Delay(10);
    }
}