Toggles View Source

1
import * as React from "react";
2
import { Toggle } from "slate-react-system";

1
class ExampleOne extends React.Component {
2
  state = { exampleOne: true };
3

4
  _handleChange = (e) => this.setState({ [e.target.name]: e.target.value });
5

6
  render() {
7
    return (
8
      <Toggle
9
        active={this.state.exampleOne}
10
        name="exampleOne"
11
        onChange={this._handleChange}
12
      />
13
    );
14
  }
15
}
16

17
class ExampleTwo extends React.Component {
18
  state = { exampleTwo: false };
19

20
  _handleChange = (e) => this.setState({ [e.target.name]: e.target.value });
21

22
  render() {
23
    return (
24
      <Toggle
25
        active={this.state.exampleTwo}
26
        name="exampleTwo"
27
        onChange={this._handleChange}
28
      />
29
    );
30
  }
31
}
32