The Radio Button component enables users to select option from a set of mutually exclusive choices. This sample demonstrates the core Radio Button features including label placement, size customization, visual states, built‑in theme‑based appearance, disabled interaction states, and form validation support.

The Label property provides contextual text next to the Radio Button. Use the LabelPosition property to place the label either Before or After the radio. Positioning automatically adapts when using RTL layouts.

Radio Buttons support common selection states including Checked, Unchecked, and Disabled. Use the Disabled property to prevent interaction while retaining visual presence.

Customize the appearance of Radio Buttons using built‑in theme color classes such as e-success, e-info, e-warning, and e-danger. These semantic color utilities help visually differentiate important selections or highlight specific actions. Additional styling can be applied using custom CSS targeting the Radio Button wrapper and its state indicators.

The Radio Button integrates seamlessly with Blazor’s EditForm, supporting two‑way model binding and DataAnnotations validation. Required fields, validation messages, and submit behavior follow standard form conventions. This example highlights validation enforcement when no option is selected and displays a confirmation message after a successful form submission.