mirror of
https://github.com/apache/superset.git
synced 2024-09-18 11:39:49 -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,
|
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' }}>
|
<div style={{ padding: '10px', backgroundColor: 'white' }}>
|
||||||
<h3>Interactive</h3>
|
|
||||||
<Button
|
<Button
|
||||||
disabled={boolean('Disabled', false)}
|
disabled={boolean('Disabled', false)}
|
||||||
bsStyle={select(
|
bsStyle={select(
|
||||||
@ -139,26 +163,5 @@ export const SupersetButton = () => (
|
|||||||
>
|
>
|
||||||
{text('Label', 'Button!')}
|
{text('Label', 'Button!')}
|
||||||
</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>
|
</div>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user