It's a checkbox
<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" />
{() => {
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>