Radio Group

Use Radio Groups when you have 2-5 options that users should see all at once. Use Select dropdowns for 6+ options or when space is limited. Radio Groups make all choices visible, helping users make faster, more confident decisions.

Yes, but consider a checkbox or toggle instead. Radio Groups work for yes/no but require two clicks (select + deselect isn't possible). Checkboxes or toggles are more efficient for simple on/off choices that can be changed easily.

Usually yes, especially for required questions. Having a preselected option helps users complete forms faster. For sensitive choices (like opting into marketing), start with no selection to ensure explicit, intentional consent.

Vertical layouts are easier to scan and tap on mobile. Horizontal layouts work for short labels in desktop forms. Keep consistent spacing, align labels properly, and ensure touch targets are at least 44×44px for mobile usability.

Yes, when properly implemented with Radix UI. They include ARIA attributes, keyboard navigation (arrow keys move between options, space selects), proper focus management, and screen reader support announcing group purpose and current selection.

Yes, this Figma Radio Group component matches the shadcn/ui implementation exactly, ensuring your single-choice selections work consistently from design to production with proper behavior and accessibility.