ToggleButton example

This demonstrates the use of ToggleButtons.

    import React from 'react';
import { render } from 'react-dom';
import {
  ToggleButton,
  Logger
} from '@terrestris/react-geo';

render(
  <div>
    <div className="example-block">
      <span>Just a ToggleButton:</span>

      {/* A ToggleButton without any configuration*/}
      <ToggleButton
        onToggle={()=>{}}
      />

    </div>

    <div className="example-block">
      <span>Initialy pressed ToggleButton:</span>

      {/* A ToggleButton without any configuration*/}
      <ToggleButton
        pressed={true}
        onToggle={()=>{Logger.info('I start pressed.');}}
      />

    </div>

    <div className="example-block">
      <span>pressedIcon:</span>

      {/* A ToggleButton with an icon and a pressedIcon*/}
      <ToggleButton
        icon="frown-o"
        pressedIcon="smile-o"
        onToggle={()=>{}}
      />

    </div>

  </div>,
  document.getElementById('exampleContainer')
);