Skip to content
This repository has been archived by the owner on Mar 30, 2018. It is now read-only.

Commit

Permalink
Fix removal of Button stories
Browse files Browse the repository at this point in the history
  • Loading branch information
sureshHARDIYA committed Mar 21, 2017
1 parent 3fb245b commit 9e5d2a5
Showing 1 changed file with 26 additions and 10 deletions.
36 changes: 26 additions & 10 deletions src/stories/Button.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { storiesOf } from '@kadira/storybook'
import { storiesOf, action } from '@kadira/storybook'
import { Button } from 'uikit-react'

// This is to work around: https://github.com/kadirahq/react-storybook-addon-info/issues/26#issuecomment-229029177
Expand All @@ -7,14 +7,30 @@ Button.displayName = 'Button'
storiesOf('Button', module)
.addWithInfo('Basic Usage', '', () => (
<div className="uk-margin-bottom">
<Button primary>Primary</Button>
&nbsp;
<Button success>Success</Button>
&nbsp;
<Button danger>Danger</Button>
&nbsp;
<Button link>Link</Button>
&nbsp;
<Button type="submit">Submit</Button>
<Button onClick={action('onClick Default')}>Default</Button> &nbsp;
<Button disabled>Default Disabled</Button> &nbsp;
</div>
), { header: false, inline: true, propTables: [Button] })

.addWithInfo('Style modifiers', '', () => (
<div className="uk-margin-bottom">
<Button onClick={action('onClick Default')}>Default</Button> &nbsp;
<Button primary onClick={action('onClick Primary')}>Primary</Button> &nbsp;
<Button secondary onClick={action('onClick Primary')}>Secondary</Button> &nbsp;
<Button danger onClick={action('onClick Danger')}>Danger</Button> &nbsp;
<Button text onClick={action('onClick Danger')}>Text</Button> &nbsp;
<Button link onClick={action('onClick Link')}>Link</Button> &nbsp;
</div>
), { header: false, inline: true, propTables: [Button] })

.addWithInfo('Size modifiers', '', () => (
<div className="uk-margin-bottom">
<Button small onClick={action('onClick Success')}>SMALL BUTTON</Button> &nbsp;
<Button primary small onClick={action('onClick Success')}>SMALL BUTTON</Button> &nbsp;
<Button secondary small onClick={action('onClick Success')}>SMALL BUTTON</Button> &nbsp;
<br /><br />
<Button large onClick={action('onClick Submit')}>LARGE BUTTON</Button> &nbsp;
<Button large primary onClick={action('onClick Submit')}>LARGE BUTTON</Button> &nbsp;
<Button large secondary onClick={action('onClick Submit')}>LARGE BUTTON</Button> &nbsp;
</div>
), { header: false, inline: true, propTables: [Button] })

0 comments on commit 9e5d2a5

Please sign in to comment.