Button Toolbar

Button Toolbar

<div id="button-toolbar"></div>

import React from 'react';
import {render} from 'react-dom';

import Button from '@jetbrains/ring-ui/components/button/button';
import ButtonGroup from '@jetbrains/ring-ui/components/button-group/button-group';
import ButtonToolbar from '@jetbrains/ring-ui/components/button-toolbar/button-toolbar';

const container = document.getElementById('button-toolbar');

const buttonToolbarDemo = (
  <ButtonToolbar>
    <Button primary delayed>Run</Button>
    <ButtonGroup>
      <Button>Button one</Button>
      <Button>Button two</Button>
      <Button disabled="disabled">Button three</Button>
    </ButtonGroup>
    <Button>Another action</Button>
  </ButtonToolbar>
);

render(buttonToolbarDemo, container);