React MUI: FormGroup управление состоянием группы Checkbox
Имею следующую структуру
return (
<Box>
<FormControlLabel labelPlacement='end' control={<Checkbox size='small' indeterminate={indeterminate}/>} label="Select all"/>
<Divider />
{
loading ?
Loader()
:
<Box sx={{ display: 'flex' }}>
<FormGroup>
<FormControl size='small' component="fieldset" variant="standard">
<Grid container >
{df.map((element, index) => (
<Grid xs={6} key={index}>
<FormControlLabel
labelPlacement='end'
label={element.product_name}
key={element.product_name}
control={<Checkbox size='small'/>}
/>
</Grid>
))}
</Grid>
</FormControl>
</FormGroup>
</Box>
}
</Box>
)
при инициализации приложения формирую группу чекбоксов,
как более универсально в MUI обрабатывать группу чекбоксов,
для возможности как выбора нескольких из группы значений так и выбора всей группы, на примере ant данная возможность реализована через api Checkbox.Group,
возможно ли что-то подобное в MUI?