C# & Blazor Guide

Appearance

Component Parameters ​

Parameters allow components to accept input from their parent components, making them more flexible and reusable.

Basic Parameters ​

razor
@* GreetingComponent.razor *@
<div class="greeting">
    <h3>Hello, @Name!</h3>
</div>

@code {
    [Parameter]
    public string Name { get; set; }
}

Parameter Types ​

Simple Parameters ​

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

[Parameter]
public int Count { get; set; }

[Parameter]
public bool IsActive { get; set; }

Complex Parameters ​

razor
[Parameter]
public Person User { get; set; }

[Parameter]
public List<string> Items { get; set; }

[Parameter]
public Dictionary<string, object> Properties { get; set; }

Expression Parameters ​

razor
[Parameter]
public Expression<Func<TItem, bool>> Condition { get; set; }

Parameter Attributes ​

Required Parameters ​

razor
[Parameter]
[EditorRequired]
public string RequiredValue { get; set; }

Cascading Parameters ​

razor
[CascadingParameter]
public Theme CurrentTheme { get; set; }