Fix checkbox readme
parent
16de3b4139
commit
c8246f5c3b
|
@ -7,36 +7,33 @@
|
||||||
import Checkbox from 'react-toolbox/lib/checkbox';
|
import Checkbox from 'react-toolbox/lib/checkbox';
|
||||||
|
|
||||||
class TestCheckbox extends React.Component {
|
class TestCheckbox extends React.Component {
|
||||||
state = {
|
state = { check1: true, check2: false };
|
||||||
check1: true,
|
|
||||||
check2: false
|
|
||||||
};
|
|
||||||
|
|
||||||
handleChange = (field, value) => {
|
handleChange = (field, value) => {
|
||||||
this.setState({ [field]: value });
|
this.setState({...this.state, [field]: value});
|
||||||
};
|
};
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
checked={this.state.check1}
|
checked={this.state.check1}
|
||||||
label="Checked option"
|
label="Checked option"
|
||||||
onChange={this.handleChange.bind(this, 'check1')}
|
onChange={this.handleChange.bind(this, 'check1')}
|
||||||
/>
|
/>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
checked={this.state.check2}
|
checked={this.state.check2}
|
||||||
label="Unchecked option"
|
label="Unchecked option"
|
||||||
onChange={this.handleChange.bind(this, 'check2')}
|
onChange={this.handleChange.bind(this, 'check2')}
|
||||||
/>
|
/>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
checked
|
checked
|
||||||
disabled
|
disabled
|
||||||
label="Disabled checkbox"
|
label="Disabled checkbox"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue