45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
|
import { Meta, moduleMetadata, Story } from "@storybook/angular";
|
||
|
|
|
||
|
|
import { SubmitButtonComponent } from "./submit-button.component";
|
||
|
|
import { SubmitButtonModule } from "./submit-button.module";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: "Component Library/Submit Button",
|
||
|
|
component: SubmitButtonComponent,
|
||
|
|
decorators: [
|
||
|
|
moduleMetadata({
|
||
|
|
imports: [SubmitButtonModule],
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
args: {
|
||
|
|
buttonType: "primary",
|
||
|
|
loading: false,
|
||
|
|
},
|
||
|
|
parameters: {
|
||
|
|
design: {
|
||
|
|
type: "figma",
|
||
|
|
url: "https://www.figma.com/file/Zt3YSeb6E6lebAffrNLa0h/Tailwind-Component-Library?node-id=1881%3A16733",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
} as Meta;
|
||
|
|
|
||
|
|
const Template: Story<SubmitButtonComponent> = (args: SubmitButtonComponent) => ({
|
||
|
|
props: args,
|
||
|
|
template: `<bit-submit-button [buttonType]="buttonType" [loading]="loading" [disabled]="disabled">
|
||
|
|
Submit
|
||
|
|
</bit-submit-button>`,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const Primary = Template.bind({});
|
||
|
|
Primary.args = {};
|
||
|
|
|
||
|
|
export const Loading = Template.bind({});
|
||
|
|
Loading.args = {
|
||
|
|
loading: true,
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Disabled = Template.bind({});
|
||
|
|
Disabled.args = {
|
||
|
|
disabled: true,
|
||
|
|
};
|