antd 的Radio單選框 預設是左側顯示按鈕右側顯示文字,新的需求是按鈕在上方,文字在按鈕下方顯示. api上也沒有找到修改樣式的方法,就自己替換了樣式, const radioStyle ={ display:'flex', flexFlow:'column', alignItems:'cen ...
antd 的Radio單選框 預設是左側顯示按鈕右側顯示文字,新的需求是按鈕在上方,文字在按鈕下方顯示.
api上也沒有找到修改樣式的方法,就自己替換了樣式,
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>