RadioButton Samples

Standalone RadioButton

Checked: False


Grouped RadioButtons (Size Selection)



Selected Size: Medium


Text Alignment



Disabled RadioButton



Styled RadioButton


No Text (radio only)


Interactive Example - Payment Method

Select Payment Method:





Code:

<RadioButton Text="Single option" Checked="@singleChecked" CheckedChanged="@HandleCheckedChanged" />
<RadioButton Text="Small" GroupName="Size" Checked="@(selectedSize == "Small")" OnCheckedChanged="@(() => OnSizeChange("Small"))" />
<RadioButton Text="Label on left" GroupName="Align" TextAlign="Enums.TextAlign.Left" />
<RadioButton Text="Cannot select" Enabled="false" />
An unhandled error has occurred. Reload 🗙