12345678910111213141516171819202122232425262728293031323334353637 |
- import React from 'react';
-
- import { Button } from './Button';
-
- export default {
- 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',
- };
|