bee-radio
radio ui component for react
Last updated 5 months ago by tinper-bot .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install bee-radio 
SYNC missed versions from official npm registry.

bee-radio

npm version Build Status Coverage Status

单选.

使用

使用单独的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

Current Tags

  • 2.1.3-alpha.0                                ...           alpha (5 months ago)
  • 2.1.6                                ...           latest (5 months ago)

53 Versions

  • 2.1.6                                ...           5 months ago
  • 2.1.3-alpha.0                                ...           5 months ago
  • 2.1.5                                ...           6 months ago
  • 2.1.4                                ...           7 months ago
  • 2.1.3                                ...           7 months ago
  • 2.1.2                                ...           7 months ago
  • 2.1.2-alpha.0                                ...           8 months ago
  • 2.1.1                                ...           8 months ago
  • 2.1.0                                ...           8 months ago
  • 2.1.0-alpha.0                                ...           8 months ago
  • 2.0.18                                ...           a year ago
  • 2.0.18-alpha.0                                ...           a year ago
  • 2.0.17                                ...           a year ago
  • 2.0.17-alpha.0                                ...           a year ago
  • 2.0.16                                ...           a year ago
  • 2.0.16-alpha.1                                ...           a year ago
  • 2.0.16-alpha.0                                ...           a year ago
  • 2.0.15                                ...           a year ago
  • 2.0.15-alpha.0                                ...           a year ago
  • 2.0.14                                ...           a year ago
  • 2.0.14-alpha.0                                ...           a year ago
  • 2.0.13                                ...           a year ago
  • 2.0.12                                ...           a year ago
  • 2.0.11                                ...           a year ago
  • 2.0.10                                ...           a year ago
  • 2.0.9                                ...           a year ago
  • 2.0.8                                ...           2 years ago
  • 2.0.7                                ...           2 years ago
  • 2.0.6                                ...           2 years ago
  • 2.0.5                                ...           2 years ago
  • 2.0.4                                ...           2 years ago
  • 2.0.4-alpha.0                                ...           2 years ago
  • 2.0.3                                ...           2 years ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.1.0-alpha.0                                ...           2 years ago
  • 1.0.8                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.3                                ...           3 years ago
  • 1.0.2                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
  • 0.1.10                                ...           3 years ago
  • 0.1.9                                ...           3 years ago
  • 0.1.8                                ...           4 years ago
  • 0.1.7                                ...           4 years ago
  • 0.1.6                                ...           4 years ago
  • 0.1.5                                ...           4 years ago
  • 0.1.4                                ...           4 years ago

Copyright 2014 - 2016 © taobao.org |