Usage
Use radio buttons to:
- Select a single option from a list
- Expose all available options
If available options can be collapsed, consider using a dropdown menu instead, as it uses less space.
Principles
Familiar
Radio buttons have been in user interfaces for a long time and should be used as expected.
Scannable
It should be visible at a glance if a radio button has been selected, and selected items should be more visually prominent than unselected items.
Efficient
Radio buttons make it easy to compare available options.
Behavior
Radio buttons allow the user to select one option from a set. Use radio buttons when the user needs to see all available options. If available options can be collapsed, consider using a dropdown menu because it uses less space.
Theming
Specs
- Measurement 20