What is Radio Group?

Radio Groups let users select exactly one option from a list. Selecting one automatically deselects others. Circular shape signals mutually exclusive choices. Use when you want to show all options at once and require a selection. Common for shipping methods, payment types, account types.

When Should You Use This?

Use radio buttons when users must pick exactly one option from 2-7 choices: shipping methods, payment options, account types, Yes/No questions (with visible options). Show all options—don't hide in dropdown unless >7 options. Use dropdown for many options, checkbox for multi-select, toggle for binary states.

Common Mistakes to Avoid

• •Too many options—>7 radio buttons is overwhelming; use dropdown or autocomplete
• •Not pre-selecting default—radio groups should have one option selected by default
• •Using for multi-select—if users can pick multiple, use checkboxes
• •Tiny touch targets—like checkboxes, need 44×44px clickable area including label
• •Vertical when horizontal fits—payment methods (Credit, PayPal, etc.) work well horizontal

Real-World Examples

• •Stripe checkout—payment method radio buttons (card, bank, wallet)
• •Google Forms—single-choice questions use radio buttons
• •Linear—issue type selection (Bug, Feature, Improvement)
• •Notion—page visibility: Private, Shared, Public (radio group)