C# & Blazor Guide

Appearance

Conditional Rendering and Loops ​

If Conditions ​

razor
@if (isVisible)
{
    <p>Visible content</p>
}
else
{
    <p>Alternative content</p>
}

Switch Statements ​

razor
@switch (status)
{
    case Status.Active:
        <p>Active</p>
        break;
    case Status.Inactive:
        <p>Inactive</p>
        break;
    default:
        <p>Unknown</p>
        break;
}

Foreach Loops ​

razor
@foreach (var item in items)
{
    <li>@item.Name</li>
}

For Loops ​

razor
@for (int i = 0; i < count; i++)
{
    <div>Item @i</div>
}

While Loops ​

razor
@{ int i = 0; }
@while (i < 5)
{
    <div>Item @i</div>
    i++;
}

Key Attribute ​

razor
@foreach (var item in items)
{
    <li @key="item.Id">@item.Name</li>
}