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

Refactor: Fixes to button examples in Storybook #605

Merged
merged 2 commits into from
Sep 30, 2017
Merged

Refactor: Fixes to button examples in Storybook #605

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1de5499
Fixes to button examples
stipsan Sep 30, 2017
ef0ad24
Rebuild storybook
stipsan Sep 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/iframe.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<body>
<div id="root"></div>
<div id="error-display"></div>
<script src="static/preview.2490834e5e7cc4b85e05.bundle.js"></script>
<script src="static/preview.70054c4c87cea5f14b18.bundle.js"></script>
</body>
</html>

8 changes: 4 additions & 4 deletions ...ic/preview.2490834e5e7cc4b85e05.bundle.js → ...ic/preview.70054c4c87cea5f14b18.bundle.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion ...review.2490834e5e7cc4b85e05.bundle.js.map → ...review.70054c4c87cea5f14b18.bundle.js.map
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

30 changes: 15 additions & 15 deletions src/stories/Button.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@ Button.displayName = 'Button'
storiesOf('Button', module)
.addWithInfo('Basic Usage', '', () => (
<div className="uk-margin-bottom">
<Button onClick={action('onClick Default')}>Default</Button>
<Button onClick={action('onClick')}>Default</Button>
&nbsp;
<Button disabled>Default Disabled</Button>
<Button disabled>Disabled</Button>
&nbsp;
<Button primary>
<Button primary onClick={action('onClick')}>
<Icon className="uk-margin-small-right" icon="trash" />
Delete
</Button>
Expand All @@ -20,35 +20,35 @@ storiesOf('Button', module)

.addWithInfo('Style modifiers', '', () => (
<div className="uk-margin-bottom">
<Button onClick={action('onClick Default')}>Default</Button>
<Button onClick={action('onClick')}>Default</Button>
&nbsp;
<Button primary onClick={action('onClick Primary')}>Primary</Button>
<Button primary onClick={action('onClick')}>Primary</Button>
&nbsp;
<Button secondary onClick={action('onClick Primary')}>Secondary</Button>
<Button secondary onClick={action('onClick')}>Secondary</Button>
&nbsp;
<Button danger onClick={action('onClick Danger')}>Danger</Button>
<Button danger onClick={action('onClick')}>Danger</Button>
&nbsp;
<Button text onClick={action('onClick Danger')}>Text</Button>
<Button text onClick={action('onClick')}>Text</Button>
&nbsp;
<Button link onClick={action('onClick Link')}>Link</Button>
<Button link onClick={action('onClick')}>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>
<Button small onClick={action('onClick')}>SMALL BUTTON</Button>
&nbsp;
<Button primary small onClick={action('onClick Success')}>SMALL BUTTON</Button>
<Button primary small onClick={action('onClick')}>SMALL BUTTON</Button>
&nbsp;
<Button secondary small onClick={action('onClick Success')}>SMALL BUTTON</Button>
<Button secondary small onClick={action('onClick')}>SMALL BUTTON</Button>
&nbsp;
<br /><br />
<Button large onClick={action('onClick Submit')}>LARGE BUTTON</Button>
<Button large onClick={action('onClick')}>LARGE BUTTON</Button>
&nbsp;
<Button large primary onClick={action('onClick Submit')}>LARGE BUTTON</Button>
<Button large primary onClick={action('onClick')}>LARGE BUTTON</Button>
&nbsp;
<Button large secondary onClick={action('onClick Submit')}>LARGE BUTTON</Button>
<Button large secondary onClick={action('onClick')}>LARGE BUTTON</Button>
&nbsp;
</div>
), { header: false, inline: true, propTables: [Button] })