feat(tools): create ui-components package and setup Storybook (#41920)
* feat(client): basic Storybook setup
* Revert "feat(client): basic Storybook setup"
This reverts commit f55e249326
.
* feat(tools): create ui-components package and setup Storybook
* Add ui-components to lerna.json
This commit is contained in:
38
tools/ui-components/src/button.stories.js
Normal file
38
tools/ui-components/src/button.stories.js
Normal file
@@ -0,0 +1,38 @@
|
||||
import React from 'react';
|
||||
|
||||
import { Button } from './button';
|
||||
|
||||
const story = {
|
||||
title: 'Example/Button',
|
||||
component: Button,
|
||||
argTypes: {
|
||||
backgroundColor: { control: 'color' }
|
||||
}
|
||||
};
|
||||
|
||||
const Template = args => <Button {...args} />;
|
||||
|
||||
export const Primary = Template.bind({});
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Button'
|
||||
};
|
||||
|
||||
export const Secondary = Template.bind({});
|
||||
Secondary.args = {
|
||||
label: 'Button'
|
||||
};
|
||||
|
||||
export const Large = Template.bind({});
|
||||
Large.args = {
|
||||
size: 'large',
|
||||
label: 'Button'
|
||||
};
|
||||
|
||||
export const Small = Template.bind({});
|
||||
Small.args = {
|
||||
size: 'small',
|
||||
label: 'Button'
|
||||
};
|
||||
|
||||
export default story;
|
Reference in New Issue
Block a user