pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-06 22:07:34 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore: splitting button stories into separate stories (#10631)

Browse Source 
* splitting button stories into separate stories

* lint
This commit is contained in:
Evan Rusackas 2020-08-18 22:47:27 -07:00 committed by GitHub
parent 3bc79191c4
commit d0953874f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
superset-frontend/src/components/Button/button.stories.jsx
View File

@ -99,9 +99,33 @@ const hrefKnob = {
defaultValue: null,
};
export const SupersetButton = () => (
export const ButtonGallery = () => (
<div style={{ padding: '10px', backgroundColor: 'white' }}>
{Object.values(bsSizeKnob.options)
.filter(a => a)
.map(size => (
<div>
<h4>{size}</h4>
{Object.values(bsStyleKnob.options)
.filter(o => o)
.map(style => (
<Button
disabled={boolean('Disabled', false)}
bsStyle={style}
bsSize={size}
onClick={action('clicked')}
style={{ marginRight: 5 }}
>
{style}
</Button>
))}
</div>
))}
</div>
);
export const InteractiveButton = () => (
<div style={{ padding: '10px', backgroundColor: 'white' }}>
<h3>Interactive</h3>
<Button
disabled={boolean('Disabled', false)}
bsStyle={select(
@ -139,26 +163,5 @@ export const SupersetButton = () => (
>
{text('Label', 'Button!')}
</Button>
<h3>Gallery</h3>
{Object.values(bsSizeKnob.options)
.filter(a => a)
.map(size => (
<div>
<h4>{size}</h4>
{Object.values(bsStyleKnob.options)
.filter(o => o)
.map(style => (
<Button
disabled={boolean('Disabled', false)}
bsStyle={style}
bsSize={size}
onClick={action('clicked')}
style={{ marginRight: 5 }}
>
{style}
</Button>
))}
</div>
))}
</div>
);