单选框设计
基本用法
单个radio使用方法
单选框组 options
多个单选框组合使用
类型 type
- default 默认样式,跟普通的单选框保持一致
- button 按钮样式,点击之后按钮选中
- link 文本样式,文字下方有下划线
不可点击 diabled
当设置disabled属性时,checkbox不能进行改变
API
Radio
| 属性名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| checked | 指定当前是否被选中 | boolean | false |
| disabled | 失效状态 | boolean | false |
| onChange | 变化时的回调函数 | (event) => void | - |
Radio Group
| 属性名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| value | 指定选中的选项 | string | number | - |
| options | 指定可选项 | string[] | number[] | Option[] | [] |
| disabled | 失效状态 | boolean | false |
| onChange | 变化时的回调函数 | (event) => void | - |
Option 自定义可选项
| 属性名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| label | 选项的标题 | string | - |
| value | 选项的key,唯一 | string | number | - |
| disabled | 失效状态 | boolean | false |
ddu design pro