ProductUI Radio - PrimerBlazor

Basic Radio Group

Option 1

Option 2

Example description

Option 3

Option 4

<PrimerRadioGroup SelectedValue="@selected" SelectedValueChanged="@OnChanged">
    <PrimerRadio Value="one" Label="Option 1" Size="RadioSize.Large" />
    <PrimerRadio Value="two" Label="Option 2" Size="RadioSize.Small" Description="Example description" />
    <PrimerRadio Value="three" Label="Option 3" />
    <PrimerRadio Value="four" Label="Option 4" Disabled="true" />
</PrimerRadioGroup>

Radio Options

Available options for Radio component

Name	Description	Default Value	CSS Class
SelectedValue	Selected radio value	-	-
IsDisabled	Disable all radios	false	-
Value	Radio button value	-	-
Label	Radio button label text	-	-
Size	Radio size (Small, Medium, Large)	Medium	-
Description	Optional description under label	-	-

private string selected = "one";

private Task OnChanged(string value)
{
    selected = value;
    return Task.CompletedTask;
}