Checkbox

Default checkbox

<Checkbox 
  onChange={({target: {checked}})=>{
    this.setState({checked})
  }}
  checked={this.state.checked}
/>

Indeterminate state

<Checkbox 
  onChange={({target: {checked}})=>{
    this.setState({checked, indeterminate:false})
  }}
  checked={this.state.checked}
  indeterminate={this.state.indeterminate}
/>

Labels

<FormField id="labeled-checkbox">
  <Checkbox 
    onChange={({target: {checked}})=>{
      this.setState({checked})
    }}
    checked={this.state.checked}
  />
  <label>Add some labels</label>
</FormField>