SimpleButton example

This demonstrates the use of SimpleButtons. Please have a look at https://ant.design/components/button/ for more documentation and examples.

    import React from 'react';
import { render } from 'react-dom';
import { SimpleButton } from '@terrestris/react-geo';

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

      {/* A SimpleButton without any configuration*/}
      <SimpleButton />

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

      {/* A SimpleButton with a tooltip and a tooltipPlacement*/}
      <SimpleButton
        tooltip="bottom tooltip"
        tooltipPlacement="bottom"
      />

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

      {/* A SimpleButton with an icon. Just use the font-awesome name.*/}
      <SimpleButton
        icon="bullhorn"
      />

    </div>

    <div className="example-block">
      <span>Using shape config:</span>

      {/* A round SimpleButton.*/}
      <SimpleButton
        icon="bullhorn"
        shape="circle"
      />

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