Radio button groups for single-choice selections with clear visual hierarchy, accessibility support, and bilingual labels for government applications.
A simple radio group with multiple options. Only one option can be selected at a time.
Radio groups can be arranged horizontally or vertically depending on your layout needs.
Real-world examples showing radio groups in government forms with bilingual labels and proper accessibility.
Gender selection, marital status, citizenship status, employment type, age groups
Language preferences, service types, communication methods, document formats
Department selection, service priorities, appointment types, application categories
Authentication methods, security questions, verification types, access levels
Detailed specifications and characteristics of the Radio Group component for implementation guidance.
| Specification | Details | Purpose & Usage |
|---|---|---|
| Component Type | Single Selection Control | Allows users to select one option from a mutually exclusive list |
| Complexity Level | Low | Simple to implement with basic state management requirements |
| Selection Pattern | Mutually exclusive, Single choice, Required validation | Ensures only one option can be selected at a time |
| State Management | Selected, Unselected, Disabled, Error, Focus | Clear visual feedback for selection states and user interactions |
| Layout Options | Vertical stack, Horizontal row, Compact grid, Card layout | Flexible arrangements to suit different form contexts and space |
| Accessibility Features | Keyboard navigation, Screen reader support, ARIA attributes, Focus management | Ensures usability for all citizens including those with disabilities |
| Language Support | English, Bengali (বাংলা) | Bilingual option labels and descriptions for government applications |
| Design System | Color tokens, Typography scale, Spacing units, Border styles | Consistent with CivixUI design principles and government branding |
| Validation Features | Required selection, Custom validation rules, Error display | Ensures proper selection validation for government form requirements |
| Use Cases | Single-choice forms, Preference selection, Options selection, Configuration | Essential for single-choice selections in government service applications |