BlazorUI Demo

Radio and radio group

A labelled, keyboard-native choice among mutually exclusive options.

Bindable choice
Plan
View code
<EditForm Model="model" FormName="radio-doc"><BuiRadioGroup TValue="string" @bind-Value="model.Plan" Label="Plan">
    <BuiRadio TValue="string" Value="@("Basic")">Basic</BuiRadio>
    <BuiRadio TValue="string" Value="@("Pro")">Pro</BuiRadio>
    <BuiRadio TValue="string" Value="@("Enterprise")" Disabled>Enterprise</BuiRadio>
</BuiRadioGroup></EditForm>

@code {
    private RadioModel model = new();
    private sealed class RadioModel { public string Plan { get; set; } = "Basic"; }
}