BrandUI Radio - PrimerBlazor

Basic Radio

<PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
    <PrimerBrandRadio Name="example" Value="one" @bind-CheckedValue="selected" />
    <PrimerBrandRadio Name="example" Value="two" @bind-CheckedValue="selected" />
</PrimerStack>

Disabled Option

<PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
    <PrimerBrandRadio Name="disabledExample" Value="one" @bind-CheckedValue="selected" />
    <PrimerBrandRadio Name="disabledExample" Value="two" @bind-CheckedValue="selected" Disabled="true" />
</PrimerStack>

Inside FormControl

Choose an option

<PrimerBrandFormControl Label="Choose an option">
    <PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
        <PrimerBrandRadio Name="group1" Value="mona" @bind-CheckedValue="character" />
        <PrimerBrandRadio Name="group1" Value="hubot" @bind-CheckedValue="character" />
    </PrimerStack>
</PrimerBrandFormControl>

Radio Component Options

Available parameters for PrimerBrandRadio

Name	Description	Default Value	CSS Class
Id	Unique ID of the radio input	Auto-generated	-
Name	Radio group name	""	-
Value	The value of the radio input	""	-
CheckedValue	Currently selected value	""	-
CheckedValueChanged	Callback when selection changes	-	-
Disabled	Disables the radio input	false	opacity + cursor style
AriaDescribedBy	ID of the description for accessibility	null	-
RadioLabelClass	Custom class for the outer label element	null	-