March 2019
Intermediate to advanced
534 pages
14h 52m
English
You can disable the entire radio button group by setting the disabled property on the FormControl component:
<FormControl component="fieldset" disabled> ...</FormControl>
When you disable the control, you can't interact with it at all. Here's what this looks like:

In other scenarios, you will only want to disable one of the options. You can support this in the RadioGroup component by checking for a disabled property in the options array:
<FormControlLabel key={index} control={<Radio disabled={option.disabled} />} value={option.value} label={option.label}/>
Here is how you would disable an option in the options array:
const ...
Read now
Unlock full access