31 lines
679 B
TypeScript
31 lines
679 B
TypeScript
import React from 'react';
|
|
|
|
import { action } from '@storybook/addon-actions';
|
|
import { Meta, Story } from '@storybook/react';
|
|
|
|
import Button, { ButtonType } from '@treejs/components/Button';
|
|
|
|
const Template: Story<ButtonType> = (args) => <Button {...args} />;
|
|
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
label: 'Button',
|
|
onClick: action('clicked'),
|
|
};
|
|
|
|
export const WithElement = Template.bind({});
|
|
WithElement.args = {
|
|
label: <b>Element</b>,
|
|
onClick: action('clicked'),
|
|
};
|
|
|
|
export default {
|
|
title: 'Components/Button',
|
|
component: Button,
|
|
parameters: {
|
|
layout: 'centered',
|
|
docs: {
|
|
page: require('./Button.stories.mdx').default,
|
|
},
|
|
},
|
|
} as Meta;
|