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

feat: add status style preset in Button

Browse Source
This commit is contained in:
p-sw 2024-05-28 21:22:47 +09:00
parent c9d8b76fa2
commit b53581f750
2 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/react/components/Button.tsx
View File

@ -79,6 +79,24 @@ const [buttonVariants, resolveVariants] = vcn({
decoration: "link",
size: "md",
},
success: {
border: "success",
background: "success",
decoration: "none",
size: "md",
},
warning: {
border: "warning",
background: "warning",
decoration: "none",
size: "md",
},
danger: {
border: "danger",
background: "danger",
decoration: "none",
size: "md",
},
},
});

18
packages/react/stories/Button.stories.tsx
View File

@ -16,27 +16,15 @@ export const Link = () => {
};
export const Success = () => {
return (
<Button preset="default" background="success" border="success">
Success Button
</Button>
);
return <Button preset="success">Success Button</Button>;
};
export const Warning = () => {
return (
<Button preset="default" background="warning" border="warning">
Warning Button
</Button>
);
return <Button preset="warning">Warning Button</Button>;
};
export const Danger = () => {
return (
<Button preset="default" background="danger" border="danger">
Danger Button
</Button>
);
return <Button preset="danger">Danger Button</Button>;
};
export const AsChild = () => {