Radio Button

Select a single option from a group

What it solves

Radio buttons are form controls that allow users to select exactly one option from a set of mutually exclusive choices. Unlike checkboxes, radio buttons work in groups where selecting one automatically deselects all others in the same group. Radio buttons are essential for forms where users must make a single choice from multiple options, such as selecting a payment method, choosing a size, or picking a delivery option.

Key Characteristics

• Mutually Exclusive: Only one option can be selected at a time
• Grouped Behavior: All radio buttons with the same name attribute work together
• Keyboard Accessible: Navigate with arrow keys, select with Space
• Screen Reader Friendly: Properly announced with current selection state
• Visual Feedback: Clear indication of selected vs unselected states

Implementation workflow