Radio Button
Used when multiple options are presented but only one may be selected.
Purpose
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select one choice, unlike checkboxes. Selecting one option will deselect previously selected options.
Usage
When to use
- Multiple options available and only one may be selected
When not to use
- Multiple options may be selected, use Checkbox
Video Recap
Best Practice
Example One
List options in alphabetical or numerical order (unless Yes or No)
Example Two
Put any 'None' option last in the list
Example Three
When using in a table radio buttons can be used to show/hide information
Example Four
Winsupply Standards
Incorrect Usage
Example One
If multiple items may be selected
Example Two
Example Three
Example Four
Variants
Sizing
14px x 14px
Related Components
Applications In Use
No items found.