mirror of
https://github.com/apache/superset.git
synced 2024-09-06 22:07:34 -04:00
chore: splitting button stories into separate stories (#10631)
* splitting button stories into separate stories * lint
This commit is contained in:
parent
3bc79191c4
commit
d0953874f2
@ -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>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user