How to style FormControlLabel font size

Question

How do you set the in-line font size on a Material-UI FormControlLabel? The below attempt does not work.

const styles: any = createStyles({    formControlLabel: { fontSize: '0.6rem',     '& label': { fontSize: '0.6rem' } } });  <FormControlLabel style={styles.formControlLabel}   control={<Checkbox value="Hello" color="primary" />}            label="World" /> 

Answer 1

You could define the label as a Typography component and apply the style there:

<FormControlLabel      control={<Checkbox value="Hello" color="primary" />}     label={<Typography style={styles.formControlLabel}>World</Typography>} /> 

UPDATE:

As per Saber's comment, newer versions should instead use:

<FormControlLabel      control={<Checkbox value="Hello" color="primary" />}     label={<Typography className={styles.formControlLabel}>World</Typography>} /> 

Answer 2

Use material box fontSize instead of giving external style.

 <FormControlLabel         control={<Checkbox name="checkbox" />}         label={              <Box component="div" fontSize={15}>                 Small               </Box>         }   />