Checkbox
Indeterminate
Checkbox supports an indeterminate or partially-checked state.
() => { class MyForm extends Component { constructor(props) { super(props); this.state = { indeterminate: true }; this.handleChange = this.handleChange.bind(this); } handleChange(event) { this.setState((prevState) => ({ indeterminate: !prevState.indeterminate })); } render() { return ( <DemoForm> <Checkbox name="indeterminate" label="Indeterminate" value="indeterminate" indeterminate={this.state.indeterminate} onChange={this.handleChange} /> </DemoForm> ); } } return <MyForm />; }