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')
);