mapo-core/MP-TAB/MP-TAB.Client/Components/CardTest.razor

<div class="card shadow" style="width: 22rem">
    <div class="card-header @CardCss">
        <h3 class="card-title">
            @if (DoPlaceholder)
            {
                <div class="placeholder-glow">
                    <span class="placeholder col-6"></span>
                </div>
            }
            else
            {
                @Title
            }
        </h3>
    </div>
    <div class="card-body">
        @if (DoPlaceholder)
        {
            <div class="placeholder-glow">
                <span class="placeholder col-7"></span>
                <span class="placeholder col-4"></span>
                <span class="placeholder col-4"></span>
                <span class="placeholder col-7"></span>
            </div>
        }
        else
        {
            <p class="card-text">@ChildContent</p>
        }
    </div>
    <div class="card-footer">
        @if (DoPlaceholder)
        {
            <div class="placeholder-glow">
                <button class="btn btn-sm btn-dark disabled placeholder col-2"></button>
            </div>
        }
        else
        {
            <button class="btn btn-sm btn-dark" @onclick="OnYes">Yes!</button>
        }
    </div>
</div>

@code {
    [Parameter]
    public RenderFragment? ChildContent { get; set; }

    [Parameter]
    public string? Title { get; set; }

    [Parameter]
    public string CardCss { get; set; } = "";

    [Parameter]
    public bool DoPlaceholder { get; set; } = false;

    private void OnYes()
    {
        Console.WriteLine($"{Title} | 'Yes' button selected.");
    }
}