Are you developing Blazor WebAssembly apps?

Our Blazor Radio component allows you to create radio buttons and combine these buttons into groups (only one radio button within the group can be selected at any one time).

This demo includes two radio button groups. The first group, general-radio-group, is displayed initially. The second group, aot-radio-group, appears when a user selects radio button 1 or 2 in the first group.

Key Radio component API members include:

  • Value - Specifies the button's value.
  • GroupName - Specifies the name of a radio group to which the button belongs.
  • GroupValue - Specifies the group's selected button.
  • Enabled - Specifies whether the button is enabled.

Our Radio component supports different size modes. To specify the component size in code, use the SizeMode property. To apply different size modes within this demo, use the drop-down list in the demo card's header.

Customize Appearance

Select priority level:

Selected priority level: Normal

Use the following properties to customize the appearance of individual Radio buttons.

Disable Options By Condition

Select your preferred language:

Preferred language: English

Our Radio component allows you to disable an individual radio button. When a radio button is disabled, it cannot be focused/selected. Set the Enabled property to false to activate this mode.

This demo illustrates how to disable options conditionally (based on installed languages).