RadioField ラジオボタン

使用場面

• ラジオボタンを使用すると、ユーザーがデータセットから単一のオプションを選択できます。ユーザーにすべての選択肢を横並びで表示し、ラジオボタンを使用して排他的な操作を行う必要があるシナリオを想定しています。
• 選択肢が多すぎる場合は、ドロップダウンリストの使用を検討してください。すべてのオプションを表示するよりもスペースをより少なく占用します。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
behavior	表单组件显示状态	Behavior	'NORMAL'
customRender	カスタムレンダリング	(item: DataSource) => ReactNode	-
dataSource	選択肢	DataSource[]	[ { "text": "オプション1", "value": "1" }, { "text": "オプション2", "value": "2" }, { "text": "オプション3", "value": "3" } ]
iconPosition	モバイル版のアイコン位置。モバイル版のみ有効	'left' | 'right'	'left'
itemDirection	PC版のオプション配置方法	'hoz' | 'ver'	'hoz'
label	表单组件标题	string	-
labelAlign	表单组件标题的位置	'left' | 'top'	'top'
labelColOffset	设置标题的偏移位置，配置值为栅格值，1代表1/24	number	0
labelColSpan	设置标题的占位宽度，配置值为栅格值，1代表1/24	number	4
labelTextAlign	表单组件的标题对齐方式	'left' | 'right'	'right'
labelTipsIcon	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	string	-
labelTipsRender	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	(props: IComponentProps) => ReactNode	-
labelTipsText	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	string	-
labelTipsTypes	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
onChange	コンポーネントの値が変更された際のイベント	(value: string) => void	-
shape	表示形状	'default' | 'button'	'default'
size	表单组件尺寸	Size	'medium'
supportInverse	反転選択をサポートするかどうか。再度オプションをクリックすると選択を解除できます	boolean	false
tips	表单组件描述信息，展示在控件下方	string	-
useDrawerInMobile	モバイル版の配置方法。true の場合直接横並び表示、false の場合は下部にポップアップ表示	boolean	false
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	デフォルト値	string	'オプション1'
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0