-
组件布局 Layout视图 View导航 Navigation反馈 Feedback
单选 Radioissue v2.1.6- v2.1.6
- v2.1.5
- v2.1.4
- v2.1.3
- v2.1.2
- v2.0.18
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.13
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.5
- v1.0.4
- v1.0.3
- v1.0.2
- v2.1.6
- v2.1.5
- v2.1.4
- v2.1.3
- v2.1.2
- v2.0.18
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.13
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.5
- v1.0.4
- v1.0.3
- v1.0.2
单选框组合
何时使用
表单中的单选框，代替原生radio
如何使用
import { Radio } from 'tinper-bee';
or
import Radio from 'bee-radio';
import 'bee-radio/build/Radio.css';
能力特性
API
Radio
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | one of: primary/success/info/danger/warning/dark | string | - |
| disabled | 是否可用 | bool | false |
| style | 添加style | object | {} |
| className | 传入列的classname | String | - |
| inverse | 设置选中为红色填充 | bool | false |
| checked | 指定当前是否选中 | bool | false |
| defaultChecked | 初始是否选中 | bool | false |
| onChange | 单个radio改变回调，建议使用RadioGroup的onChange |
func | - |
RadioButton
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | one of: primary/success/info/danger/warning/dark | string | - |
| size | one of: lg/sm | string | - |
| disabled | 是否可用 | bool | false |
RadioGroup
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| onChange | 暴露在外层的触发radio是否选中的方法 | func | - | |
| defaultValue | 默认选中的radio值 | string | - | |
| selectedValue | 被选中的radio值 | string | - | |
| name | radio组名 | string | '' | |
| Children | 必填，Radio子组件 | node | - | |
| disabled | 禁选所有子单选器 | bool | false | 2.1.1 |
已支持的键盘操作
| 按键 | 功能 |
|---|---|
| →(右箭)、↓(下箭) | 将焦点移动到下一个Radio上，依次循环选中 |
| ←(左箭)、↑(上箭) | 将焦点移动到上一个Radio上，依次循环选中 |
注意事项
暂无
更新日志
-
v2.1.2 2020-03-06 ( release地址 )
- bee-radio @2.1.2
- [ Feature ] 增加focus标识。
- bee-radio @2.1.2
-
v2.0.18 2019-10-17 ( release地址 )
- bee-radio @2.0.18
- [Feature]支持单独使用 Radio，解决不包裹 RadioGroup 会报错的问题。
- bee-radio @2.0.18
-
v2.0.16 2019-08-23 ( release地址 )
- bee-radio @2.0.16
- [ Update ] 优化了点的样式不统一问题。
- bee-radio @2.0.16
-
v2.0.15 2019-08-22 ( release地址 )
- bee-radio @2.0.15
- [ Fixbug ]解决了当bee-form包裹时，选中项不能显示的问题。
- bee-radio @2.0.15
-
v2.0.14 2019-07-11 ( release地址 )
- bee-radio @2.0.14
- [Fixbug]解决传入 selectedValue={0} 时，组件未接收的问题。
- bee-radio @2.0.14
-
v2.0.10 2019-05-28 ( release地址 )
- bee-radio @2.0.10
- [Fixbug]radioGroup 只有一个radio时报错
- bee-radio @2.0.10
-
v2.0.8 2019-04-18 ( release地址 )
- bee-radio @2.0.8
- [Feature]解决无文本的单选按钮，Label高度过高的样式问题
- bee-radio @2.0.8
-
v2.0.7 2019-04-11 ( release地址 )
- bee-radio @2.0.7
- [Feature]优化RadioButton的样式
- bee-radio @2.0.7
-
v2.0.6 2019-04-08 ( release地址 )
- [Feature]bee-radio @2.0.6，解决disabled态的按钮被覆盖在panel面板下的问题
-
v2.0.5 2019-04-04 ( release地址 )
- [Feature]bee-radio @2.0.5，解决label无内容时，选中样式错位的问题
-
v2.0.4 2019-04-01 ( release地址 )
- [Feature]bee-radio @2.0.4
- 按UI规范优化RadioButton的样式
- 文字大小由14px修改为12px
- [Feature]bee-radio @2.0.4
-
v2.0.3 2019-03-13 ( release地址 )
- [Feature]bee-radio @2.0.3
- 增加inverse参数，提供两种样式的单选框
- [Feature]bee-radio @2.0.3
-
v2.0.2 2019-03-12 ( release地址 )
- [Feature]bee-radio @2.0.2，按UI规范优化组件
北京市海淀区北清路68号用友产业园
guoyff@yonyou.com