Uxcore-radiogroup NPM

uxcore-radiogroup

TL;DR

uxcore-radiogroup ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-radiogroup
$ cd uxcore-radiogroup
$ npm install
$ gulp server

Usage

let RadioGroup = require('../src');
let {Item} = RadioGroup;

class Demo extends React.Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    handleChange(value) {
        let me = this;
        console.log(value);
        me.setState({
            value: value
        });
    }

    render() {
        let me = this;
        return (
            <RadioGroup value={me.state.value} onChange={me.handleChange.bind(me)}>
                <Item value="apple" text="苹果"/>  
                <Item value="banana" text=" 香蕉"/>  
                <Item value="orange" text="橘子"/>  
            </RadioGroup> 
        )
    }
}

module.exports = Demo;

Demo

http://uxcore.github.io/uxcore/

props

Radiogroup

配置项	类型	必填	默认值	功能/备注
value	string	required	""	radioGroup 被选中的项
onChange	function	required	noop	点击 radio 时触发，传入参数 value，代表被选中的项
disabled	boolean	optional	false	是否为 disable 状态

Radiogroup.Item

配置项	类型	必填	默认值	功能/备注
value	string	required	""	该 radio 所代表的值
text	string	optional	""	该 radio 显示的说明
disabled	boolean	optional	-	Item 是否为 disable 状态，具有比 Group 更高的优先级