rax-checkbox

CheckBox

CheckBox is the basis of the selection box, select the box with a picture to achieve, to support users to use their own images to replace

Install

$ npm install rax-checkbox --save

Import

import CheckBox from 'rax-checkbox';

Props

name	type	default	describe
checked	Boolean		selected state
checkedImage	String		selected picture
uncheckedImage	String		unselected picture
containerStyle	Object		select container style
checkboxStyle	Object		select picture style
onChange	Function		select event

Example

// demo
import {createElement, Component, render} from 'rax';
import View from 'rax-view';
import Button from 'rax-checkbox';

class App extends Component {
  render() {
    return (
      <View style={{ width: 750 }}>
        <CheckBox 
          containerStyle={{
            marginTop: 10,
          }}
          onChange={(checked) => {
            console.log('checked', checked);
          }} />
      </View>
    );
  }
}

render(<App />);