Toolbar example

This is a example using a toolbar having vertically and horizontally aligned child elements (buttons in this example).

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

render(
  <div>
    <Toolbar>
      <SimpleButton type="primary" shape="circle" icon="search" />
      <SimpleButton type="primary" shape="circle" icon="search" />
      <SimpleButton type="primary" shape="circle" icon="search" />
    </Toolbar>
    <hr
      style={{
        margin: '1em'
      }}
    />
    <Toolbar alignment="vertical" style={{
      position: 'unset'
    }}>
      <SimpleButton type="primary" shape="circle" icon="info" />
      <SimpleButton type="primary" shape="circle" icon="info" />
      <SimpleButton type="primary" shape="circle" icon="info" />
    </Toolbar>
  </div>,
  document.getElementById('exampleContainer')
);