antd 单选按钮组更改样式 竖排显示

antd 的Radio单选框 默认是左侧显示按钮右侧显示文字

苦苦找寻了好多也没有找到方法更改,以下是用替换样式的方法更改的


const radioStyle ={
display:'flex',
flexFlow:'column',
alignItems:'center',
}

在父元素 RadioGroup上设置style display:'flex'

<RadioGroup style={{display:'flex'}}>
    <Radio style={radioStyle} value={1}>
          Option A
    </Radio>
</RadioGroup>

 

posted @ 2020-04-13 17:32  leo!  阅读(1799)  评论(0)    收藏  举报