feat: add stories for new variants in button

This commit is contained in:
p-sw 2024-05-18 21:26:58 +09:00
parent d01c796897
commit 07ad04f832

View File

@ -5,8 +5,12 @@ const meta: Meta<typeof Button> = {
component: Button,
tags: ["autodocs"],
argTypes: {
variant: { options: ["default", "ghost"], control: "select" },
variant: {
options: ["default", "ghost", "outline", "link"],
control: "select",
},
size: { options: ["sm", "md", "lg"], control: "select" },
onClick: { table: { disable: true } },
},
args: { children: "Button", onClick: () => console.log("clicked") },
};
@ -20,3 +24,24 @@ export const Default: Story = {
size: "md",
},
};
export const Ghost: Story = {
args: {
variant: "ghost",
size: "md",
},
};
export const Outline: Story = {
args: {
variant: "outline",
size: "md",
},
};
export const Link: Story = {
args: {
variant: "link",
size: "md",
},
};