material ui align inline FormLabel and RadioGroup

Viewed 205

im strugling looking a workaround to get a formlabel (plus a tooltip) align in the same row with the radio group, im using this exact same example from the documentation: https://codesandbox.io/embed/rowradiobuttonsgroup-material-demo-forked-v155b?fontsize=14&hidenavigation=1&theme=dark

but im trying to achive this: achive this

If anyone has an idea how can i work on this, would be great, i tried passing with sx props a flex-direction row display inline, but nothing

this its the code i trying to pass to the formlabel:

<FormLabel 
    component="legend"
    sx={{  
      marginBottom:{ sm:'4px' },
      textAlign: { sm:'left'},
      clear: { sm:'both'},
      float: {sm: 'left'},
      marginRight: { sm:'20px'},
      marginLeft: {sm:'10px'},}}
    >
1 Answers

To resolve this, with the code passed to the FormLabel, i passed to the parent Formcontrol tag, flex-direction row, and thats it

Related