@beisen-phoenix/radio-group
v3.3.55
Published
> @beisen-phoenix/radio-group
Downloads
633
Readme
按钮组组件
@beisen-phoenix/radio-group
概述
RadioGroup控制多个radio的展示效果,支持水平模式、垂直模式。
API
| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | --- | --- | --- | --- | --- | | disabled | 禁用radio group,不可操作radio | boolean | - | No | | value | 当前选中的radio的value, 用于受控组件 | string、 number | - | No | | defaultValue | 默认选中的radio的value,用于非受控组件 | string、 number | - | No | | onChange | Radio 发生状态变化后的回调 | (data: RadioData) => void | - | No | options | Radio 数据的collection | array | - | No | | layout | group的布局方式 | 'vertical'、'horizontal' | 'horizontal' | No | | extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用| string | - | No | | minWidth | 最小宽度:图标加文字 | string | - | No | | maxWidth | 最大宽度:图标加文字 | string | - | No | | layout | 布局方式 可选 'vertical'、'horizontal' | string | 'horizontal' | No | | customRadioMarginBottom | 垂直布局时自定义marginBottom,需带单位 | string | - | No |
数据格式
options 数组单个item的格式为
{
label?: string | number ;
value: number | string;
disabled?: boolean;
}
RadioData的格式为
{
label?: string | number ;
value: string | number;
checked: boolean | undefined;
}