uxcore-radiogroup

uxcore-radiogroup ui component for react

Usage no npm install needed!

<script type="module">
  import uxcoreRadiogroup from 'https://cdn.skypack.dev/uxcore-radiogroup';
</script>

README

uxcore-radiogroup Dependency Status devDependency Status

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 更高的优先级