diff options
author | Esteban MiƱo <efmino@uc.cl> | 2018-07-28 04:07:08 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-07-28 04:07:08 +0800 |
commit | 228f48c6e5423cbf8cfd5d48a3f6f106448cc22e (patch) | |
tree | 19a1aa5a5d8ebe349c4807d247f6e317d2ea0852 /ui/app/components/button-group/button-group.stories.js | |
parent | 5b9725d1f154e8ed0994c3aab844f696937b0e6e (diff) | |
parent | 1540b5e256634dbbbc01627ca45afe82329d39a9 (diff) | |
download | tangerine-wallet-browser-228f48c6e5423cbf8cfd5d48a3f6f106448cc22e.tar.gz tangerine-wallet-browser-228f48c6e5423cbf8cfd5d48a3f6f106448cc22e.tar.zst tangerine-wallet-browser-228f48c6e5423cbf8cfd5d48a3f6f106448cc22e.zip |
Merge branch 'develop' into TokensPerAccountBasis
Diffstat (limited to 'ui/app/components/button-group/button-group.stories.js')
-rw-r--r-- | ui/app/components/button-group/button-group.stories.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/ui/app/components/button-group/button-group.stories.js b/ui/app/components/button-group/button-group.stories.js new file mode 100644 index 000000000..14e1a7e49 --- /dev/null +++ b/ui/app/components/button-group/button-group.stories.js @@ -0,0 +1,49 @@ +import React from 'react' +import { storiesOf } from '@storybook/react' +import { action } from '@storybook/addon-actions' +import ButtonGroup from './' +import Button from '../button' +import { text, boolean } from '@storybook/addon-knobs/react' + +storiesOf('ButtonGroup', module) + .add('with Buttons', () => + <ButtonGroup + style={{ width: '300px' }} + disabled={boolean('Disabled', false)} + defaultActiveButtonIndex={1} + > + <Button + onClick={action('cheap')} + > + {text('Button1', 'Cheap')} + </Button> + <Button + onClick={action('average')} + > + {text('Button2', 'Average')} + </Button> + <Button + onClick={action('fast')} + > + {text('Button3', 'Fast')} + </Button> + </ButtonGroup> + ) + .add('with a disabled Button', () => + <ButtonGroup + style={{ width: '300px' }} + disabled={boolean('Disabled', false)} + > + <Button + onClick={action('enabled')} + > + {text('Button1', 'Enabled')} + </Button> + <Button + onClick={action('disabled')} + disabled + > + {text('Button2', 'Disabled')} + </Button> + </ButtonGroup> + ) |