Checkbox

It's a checkbox

Basic

<FormControlLabel
  checked={true}
  id="checkbox1"
  control={<Checkbox />}
  label="Checkbox 1"
/>
<FormControlLabel id="Checkbox2" control={<Checkbox />} label="Checkbox 2" />
<FormControlLabel id="Checkbox3" control={<Checkbox />} label="Checkbox 3" />

Stateful

{() => {
    class StateManager extends React.Component {
      constructor(props, context) {
        super(props, context)
        this.state = {}
        this.toggle = this.toggle.bind(this)
      }
      toggle() {
        console.log('Toggle')
      }
      render() {
        return (
          <SpacedGroup direction="vertical">
            <FormControlLabel
              id="Checkbox1"
              onClick={this.toggle}
              control={<Checkbox />}
              label="Toggle Checkbox:"
            />
          
        )
      }
    }
    return <StateManager />
  }}
</Playground>

API