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

Commit

Permalink
fix linting
Browse files Browse the repository at this point in the history
  • Loading branch information
sureshHARDIYA committed Mar 21, 2017
1 parent a1a5b05 commit 1e12a61
Show file tree
Hide file tree
Showing 2 changed files with 210 additions and 41 deletions.
41 changes: 27 additions & 14 deletions src/stories/Button.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,30 +7,43 @@ Button.displayName = 'Button'
storiesOf('Button', module)
.addWithInfo('Basic Usage', '', () => (
<div className="uk-margin-bottom">
<Button onClick={action('onClick Default')}>Default</Button> &nbsp;
<Button disabled>Default Disabled</Button> &nbsp;
<Button onClick={action('onClick Default')}>Default</Button>
&nbsp;
<Button disabled>Default Disabled</Button>
</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;
<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;
<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;
<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] })
Loading

0 comments on commit 1e12a61

Please sign in to comment.