如何水平对齐 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 然后水平对齐。