Inputs
Radio Group
Provides single user input from a selection of options.
Use radio buttons when the user needs to see all available options. If available options can be collapsed, consider using a Select component because it uses less space.
Radio buttons should have the most commonly used option selected by default.
Radio group
RadioGroup is a helpful wrapper used to group Radio components that provides an easier API, and proper keyboard accessibility to the group.
Radio disabled
Example: RadioGroup with controlled state
Selected Opt: Nothing selected!
Last updated on