display: ComponentName family: other

Radio

单选框

API

Props

Radio

| 名称 | 说明 | 类型 | 默认值 | | :------------- | :--------------------------------- | :------ | :----- | | defaultChecked | 初始选中状态（非受控模式） | bool | | | checked | 是否选中（受控模式） | bool | | | disabled | 是否禁用 | bool | false | | style | 单选框的 style | object | {} | | value | 选项值 | any | | | readOnly | 只读模式 | boolean | false | | className | 单选框的 className | string | | | children | Radio 的子元素，一般为右侧说明文案 | any | | | onChange | Radio 改变回调 | func | |

Radio.Group

| 名称 | 说明 | 类型 | 默认值 | | :----------- | :-------------------------------------------- | :--------------------- | :--------- | | defaultValue | 初始选中的选项（非受控模式） | string | - | | value | 指定选中的选项 | any | - | | data | 数据源 | RadioProps[] | | | disabled | 是否禁用 | bool | false | | readOnly | 只读模式 | boolean | false | | direction | 排布方向 可选值：horiontal,vertical | enum | vertical | | style | Radio Group 的 style | object | {} | | className | Radio Group 的 className | string | | | onChange | 改变时回调函数 | Function(checkedValue) | |

CSS API

Radio Group

| 名称 | 说明 | | :------------------------- | :---------------------------- | | radio--group | Radio Group 样式 | | radio--group__horizontal | Radio Group 水平布局时样式 | | radio--group_\vertical | Radio Group 垂直布局时样式 | | radio--group__item | Radio Group 中单个 Radio 样式 |

Radio

| 名称 | 说明 | | :---------------------------------- | :--------------------------- | | radio__container | radio 样式 | | radio__circle | 外部圆样式 | | radio--selected__circle | 选中时外部圆样式 | | radio--disabled__circle | 不可用时外部圆样式 | | radio--selected--disabled__circle | 不可用且选中时外部圆样式 | | radio__point | 内部点样式 | | radio--selected__point | 选中时内部点样式 | | radio--disabled__point | 不可用时内部点样式 | | radio--selected--disabled__point | 不可用且选中时内部点样式 | | radio__text | 文案样式 | | radio--selected__text | 文案选中样式 | | radio--disabled__text | 不可用时文案样式 | | radio--selected--disabled__text | 不可用且选中选中时，文案样式 | | radio__group | radio 组的样式 |