```
<div>
  <CheckBox
    optionValue={{ key: 'test1' }}
    value={state.check1}
    onChange={value => console.log(value) || setState({ check1: value })}
  >
    option 1
  </CheckBox>
  <CheckBox
    optionValue={true}
    value={state.check2}
    onChange={value => setState({ check2: value })}
    hint="hint message"
  >
    option 2
  </CheckBox>
  <p>Redux form 6</p>
  <CheckBox
    optionValue={['test1', 'test2']}
    label="Hello"
    hint="hint message"
    input={{
      value: state.check3,
      onChange: value => setState({ check3: value })
    }}
  >
    option 3
  </CheckBox>
  <CheckBox
    label="Hello"
    optionValue={true}
    variant="toggle-switch"
    input={{
      value: state.check4,
      onChange: value => setState({ check4: value })
    }}
  >
    option 3
  </CheckBox>
  <CheckBox
    optionValue={true}
    variant="toggle-switch"
    input={{
      value: state.check4,
      onChange: value => setState({ check4: value })
    }}
    disabled
  >
    option 3
  </CheckBox>
</div>
```