2.1.6 • Published 4 years ago
bee-radio v2.1.6
bee-radio
单选.
使用
使用单独的bee-radio包
组件引入
先进行下载bee-radio包
npm install --save bee-radio
组件调用
import Radio from 'bee-radio';
RadioGroup = Radio.RadioGroup;
const RadioApp = React.createClass({
getInitialState() {
return {selectedValue: 'apple'};
},
handleChange(value) {
this.setState({selectedValue: value});
},
render() {
return (
<RadioGroup
name="fruit"
selectedValue={this.state.selectedValue}
onChange={this.handleChange}>
<label>
<Radio colors="warning" value="apple" >apple</Radio>
</label>
<label>
<Radio value="orange" >Orange</Radio>
</label>
<label>
<Radio value="watermelon" >Watermelon</Radio>
</label>
</RadioGroup>
);
}
});
React.render(<RadioApp />, document.getElementById('target'));
样式引入
- 可以使用link引入dist目录下bee-radio.css
<link rel="stylesheet" href="./node_modules/build/bee-radio.css">
- 可以在js中import样式
import "./node_modules/src/Radio.scss"
//或是
import "./node_modules/build/bee-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 |
RadioButton
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
color | one of: primary success info danger warning dark | string | - |
size | one of: lg sm | string | - |
disabled | 是否可用 | bool | false |
RadioGroup
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
onChange | 暴露在外层的触发radio是否选中的方法 | func | '' |
selectedValue | 被选中的radio值 | string | '' |
name | radio组名 | string | '' |
Children | 必填,Radio子组件 | node | - |
已支持的键盘操作
按键 | 功能 |
---|---|
space | 选中/反选Radio |
→(右箭)、↓(下箭) | 将焦点移动到下一个Radio上,依次循环选中 |
←(左箭)、↑(上箭) | 将焦点移动到上一个Radio上,依次循环选中 |
开发调试
$ git clone https://github.com/tinper-bee/bee-radio
$ cd bee-radio-group
$ npm install
$ npm run dev
2.1.6
4 years ago
2.1.3-alpha.0
4 years ago
2.1.5
4 years ago
2.1.4
4 years ago
2.1.3
4 years ago
2.1.2
4 years ago
2.1.2-alpha.0
4 years ago
2.1.1
4 years ago
2.1.0
4 years ago
2.1.0-alpha.0
4 years ago
2.0.18
5 years ago
2.0.18-alpha.0
5 years ago
2.0.17
5 years ago
2.0.17-alpha.0
5 years ago
2.0.16
5 years ago
2.0.16-alpha.1
5 years ago
2.0.16-alpha.0
5 years ago
2.0.15
5 years ago
2.0.15-alpha.0
5 years ago
2.0.14
5 years ago
2.0.14-alpha.0
5 years ago
2.0.13
5 years ago
2.0.12
5 years ago
2.0.11
5 years ago
2.0.10
5 years ago
2.0.9
5 years ago
2.0.8
5 years ago
2.0.7
5 years ago
2.0.6
5 years ago
2.0.5
5 years ago
2.0.4
5 years ago
2.0.4-alpha.0
5 years ago
2.0.3
5 years ago
2.0.2
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.1.0-alpha.0
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
7 years ago
0.1.10
7 years ago
0.1.9
7 years ago
0.1.8
7 years ago
0.1.7
7 years ago
0.1.6
7 years ago
0.1.5
7 years ago
0.1.4
7 years ago