如何水平对齐react-admin的RadioButtonGroupInput？

Question

使用react-admin的RadioButtonGroupInput

RadioButtonGroupInput的每个单选按钮始终垂直对齐。

我想将其水平对齐。

除了实现自定义组件外，我尝试了许多方法。但是什么都行不通。

<RadioButtonGroupInput source="category" choices={[
    { id: 'programming', name: 'Programming' },
    { id: 'lifestyle', name: 'Lifestyle' },
    { id: 'photography', name: 'Photography' },
]} />

它是垂直对齐的。

Answer 1

使用此属性

options = {{'row'：true}}

<RadioButtonGroupInput source="category" choices={[
    { id: 'programming', name: 'Programming' },
    { id: 'lifestyle', name: 'Lifestyle' },
    { id: 'photography', name: 'Photography' },
    options={{'row':true}}
]} />

然后RadioButtonGroupInput将选项传递给RadioGroup 然后将其水平对齐。