Card.razor

<div class="rounded-md bg-white p-2 flex shadow">
    <div>
        <span class="block mb-4">@Text</span>
    </div>
    @if (!string.IsNullOrEmpty(Initials))
    {
        <div class="flex-none ml-2 w-8 h-8 rounded-full flex justify-center items-center bg-purple-400">
            <span class="text-sm text-white">@Initials</span>
        </div>
    }
</div>

@code {

    [Parameter]
    public string Initials { get; set; }

    [Parameter]
    public string Text { get; set; }

}