css - 反応する [material-ui] で入力ラジオ要素を水平方向に揃えるにはどうすればよいですか?

Question

ラジオ グループは、常に material-ui に縦に並べて表示されます。それらを水平方向に整列させる方法はありますか？たとえば、すべてのラジオ ボタンを 1 つの水平線に配置します。

Answer 1

rowで言及するだけです<RadioGroup>。次のようにコードを記述できます。

      <FormControl component="fieldset">
        <FormLabel >Lable</FormLabel>
        <RadioGroup aria-label="overall_sal" name="Overall SAL" value={value} onChange={handleChange} row>
          <FormControlLabel value="low" control={<Radio />} label="Low" />
        </RadioGroup>
      </FormControl>