You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.3 KiB
47 lines
1.3 KiB
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import { action } from '@storybook/addon-actions'
|
|
import { Button } from 'components/UI'
|
|
import SystemNavPrevious from 'components/Icon/SystemNavPrevious'
|
|
import SystemNavNext from 'components/Icon/SystemNavNext'
|
|
|
|
storiesOf('Components.Button', module)
|
|
.add('Basic', () => <Button onClick={action('clicked')}>Basic button</Button>)
|
|
.add('With Icon', () => (
|
|
<section>
|
|
<Button onClick={action('clicked')}>
|
|
<SystemNavPrevious />
|
|
Previous
|
|
</Button>{' '}
|
|
<Button onClick={action('clicked')}>
|
|
Next
|
|
<SystemNavNext />
|
|
</Button>
|
|
</section>
|
|
))
|
|
.add('Processing', () => (
|
|
<Button processing onClick={action('clicked')}>
|
|
Processing
|
|
</Button>
|
|
))
|
|
.add('Disabled', () => (
|
|
<Button disabled onClick={action('clicked')}>
|
|
Disabled button
|
|
</Button>
|
|
))
|
|
.add('Primary', () => (
|
|
<Button onClick={action('clicked')} variant="primary">
|
|
Primary button
|
|
</Button>
|
|
))
|
|
.add('Secondary', () => (
|
|
<Button onClick={action('clicked')} variant="secondary">
|
|
Secondary button
|
|
</Button>
|
|
))
|
|
.add('Small', () => (
|
|
<Button onClick={action('clicked')} size="small">
|
|
Small button
|
|
</Button>
|
|
))
|
|
.add('Normal', () => <Button onClick={action('clicked')}>Medium button</Button>)
|
|
|