1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from 'react';
import { storiesOf } from '@storybook/html';

import reactDecorator from '../../.storybook/react-decorator';
import Button from '../button/button';
import ButtonGroup from '../button-group/button-group';
import ButtonToolbar from '../button-toolbar/button-toolbar';

storiesOf('Components|Button Toolbar', module)
  .addParameters({
    notes: 'Displays a toolbar with several buttons.',
  })
  .addDecorator(reactDecorator())
  .add('basic', () => (
    <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>
  ));