Radio
Radio buttons for single choice selection from a group of options
Basic Radio
Simple radio button groups for single selection
Show Code
Radio Sizes
Different sizes for various contexts
Show Code
Radio Colors
Various color themes
Show Code
Radio States
Different states and configurations
Show Code
Radio Group Form
Real-world example in a form context
Show Code
Usage Notes
- All radio buttons in a group must share the same 'name' attribute
- Only one radio button in a group can be selected at a time
- Use clear, descriptive labels for accessibility
- Consider using fieldsets to group related radio buttons
- Provide a default selection when appropriate
- Use consistent sizing within the same form section