Blazor RenderFragments

Type1_Assigment.razor

// TYPE 1
protected RenderFragment RenderThis = @<span title = "I was a render fragment, once" class="fragged">
        You can use me many times without per-component overhead
    </span>;

Type1_Assigment_Consumer.razor

<p>
    @RenderThis
</p>

Type1_Assigment_Simplified.razor

// TYPE 1
protected RenderFragment RenderThis = @<span>Use me many times</span>;

Type2_ArrowDelegate.razor

// TYPE 2 - Arrow Function Delegate
private RenderFragment RenderWelcomeInfo = __builder =>
{
    <p class="welcome">Welcome to your new app!</p><p>New</p>
};

Type3_Parametrised_ArrowDelegate.razor

// TYPE 3: Parametrized Arrow Function Delegate
private RenderFragment<Source> RenderLiteratureSource = LibSource => __builder =>
{
    <li class="source">
        <a href=@LibSource.Url>
            <span class="stitle">@LibSource.Title</span>
        </a>
    </li>
};

Type4_Method.razor

// TYPE 4: Method
private RenderFragment RenderNow(string ClassName)
{
    if (ClassName == "time")
    {
        return @<p class="now">⏲ @DateTime.Now.ToString("T")</p>;
    }
    else if (ClassName == "date")
    {
        return @<p class=@ClassName>📆 @DateTime.Now.ToShortDateString()</p>;
    }

    return @<p>I cannot show you date or time because I wasn't given a format that I understand.</p>;
}