2019-09-08 13:13:41 +00:00
|
|
|
import React from 'react';
|
|
|
|
import { storiesOf } from '@storybook/react';
|
2019-06-06 07:12:28 +00:00
|
|
|
import { withKnobs, boolean, text } from '@storybook/addon-knobs/react';
|
2019-09-08 13:13:41 +00:00
|
|
|
import withReadme from 'storybook-readme/with-readme';
|
|
|
|
import Readme from './README.md';
|
|
|
|
import GroupButton from '.';
|
|
|
|
import DropDownItem from '../drop-down-item';
|
2019-06-06 07:12:28 +00:00
|
|
|
|
|
|
|
storiesOf('Components|GroupButton', module)
|
|
|
|
.addDecorator(withKnobs)
|
|
|
|
.addDecorator(withReadme(Readme))
|
|
|
|
.add('base', () => (
|
|
|
|
<GroupButton
|
2019-06-25 15:01:04 +00:00
|
|
|
label = {text('Label', 'Base group button')}
|
2019-06-06 07:12:28 +00:00
|
|
|
disabled = {boolean('disabled', false)}
|
|
|
|
isDropdown = {boolean('isDropdown', false)}
|
|
|
|
opened = {boolean('opened', false)}
|
|
|
|
>
|
2019-07-18 11:11:36 +00:00
|
|
|
<DropDownItem label="Action 1" />
|
|
|
|
<DropDownItem label="Action 2" />
|
|
|
|
<DropDownItem label="Action 3" />
|
2019-06-06 07:12:28 +00:00
|
|
|
</GroupButton>
|
|
|
|
));
|