p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use presets in button story

Browse Source
This commit is contained in:
p-sw 2024-05-19 15:24:02 +09:00
parent 6349e5cf90
commit 4e941f7aa5
1 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/react/stories/Button.stories.ts
View File

@ -14,6 +14,7 @@ const meta: Meta<typeof Button> = {
}, },
decoration: { options: ["none", "link"], control: "select" }, decoration: { options: ["none", "link"], control: "select" },
onClick: { table: { disable: true } }, onClick: { table: { disable: true } },
preset: { options: ["default", "ghost", "link"], control: "select" },
}, },
args: { children: "Button", onClick: () => console.log("clicked") }, args: { children: "Button", onClick: () => console.log("clicked") },
}; };
@ -23,19 +24,13 @@ type Story = StoryObj<typeof Button>;
export const Default: Story = { export const Default: Story = {
args: { args: {
border: "solid", preset: "default",
background: "default",
decoration: "none",
size: "md",
}, },
}; };
export const Ghost: Story = { export const Ghost: Story = {
args: { args: {
border: "none", preset: "ghost",
background: "ghost",
decoration: "none",
size: "md",
}, },
}; };
@ -50,9 +45,6 @@ export const Outline: Story = {
export const Link: Story = { export const Link: Story = {
args: { args: {
border: "none", preset: "link",
background: "link",
decoration: "link",
size: "md",
}, },
}; };