feat: added playground for buttonGroup story
This commit is contained in:
parent
a7b0e36ee4
commit
d6b64b54a1
|
@ -47,7 +47,7 @@ Button group enables multiple buttons to be combined into a single unit. It offe
|
||||||
|
|
||||||
<Canvas>
|
<Canvas>
|
||||||
<Story
|
<Story
|
||||||
name="All Variatns">
|
name="All Variants">
|
||||||
<VariantsTable titles={["Default",'Secondary',"Minimal"]} columnMinWidth={150}>
|
<VariantsTable titles={["Default",'Secondary',"Minimal"]} columnMinWidth={150}>
|
||||||
<VariantRow variant="Default">
|
<VariantRow variant="Default">
|
||||||
<ButtonGroup>
|
<ButtonGroup>
|
||||||
|
@ -81,3 +81,38 @@ Button group enables multiple buttons to be combined into a single unit. It offe
|
||||||
</VariantsTable>
|
</VariantsTable>
|
||||||
</Story>
|
</Story>
|
||||||
</Canvas>
|
</Canvas>
|
||||||
|
|
||||||
|
<Canvas>
|
||||||
|
<Story
|
||||||
|
name="ButtonGroup Playground"
|
||||||
|
args={{
|
||||||
|
color: 'secondary',
|
||||||
|
combined: false,
|
||||||
|
}}
|
||||||
|
argTypes={{
|
||||||
|
color: {
|
||||||
|
control: {
|
||||||
|
type: 'select',
|
||||||
|
options: ['primary', 'secondary', 'minimal'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
combined: {
|
||||||
|
control: {
|
||||||
|
type: 'boolean',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{({ color, combined }) => (
|
||||||
|
<VariantsTable titles={[`${color}`]} columnMinWidth={150}>
|
||||||
|
<VariantRow variant="">
|
||||||
|
<ButtonGroup combined={combined}>
|
||||||
|
<Button StartIcon={Trash} variant="icon" color={color} />
|
||||||
|
<Button StartIcon={Navigation} variant="icon" color={color}/>
|
||||||
|
<Button StartIcon={Clipboard} variant="icon" color={color}/>
|
||||||
|
</ButtonGroup>
|
||||||
|
</VariantRow>
|
||||||
|
</VariantsTable>
|
||||||
|
)}
|
||||||
|
</Story>
|
||||||
|
</Canvas>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user