Toggles View Source

import * as React from "react";

import { Toggle } from "slate-react-system";

class ExampleOne extends React.Component {

  state = { exampleOne: true };

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

  render() {

    return (

      <Toggle

        active={this.state.exampleOne}

        name="exampleOne"

        onChange={this._handleChange}

      />

    );

  }

}

class ExampleTwo extends React.Component {

  state = { exampleTwo: false };

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

  render() {

    return (

      <Toggle

        active={this.state.exampleTwo}

        name="exampleTwo"

        onChange={this._handleChange}

      />

    );

  }

}