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

fix: add link size in Button

Browse Source
This commit is contained in:
p-sw 2024-06-02 03:20:20 +09:00
parent 2633c525c3
commit 3e49b03129
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,6 +29,7 @@ const [buttonVariants, resolveVariants] = vcn({
base: `w-fit flex flex-row items-center justify-between rounded-md outline outline-1 outline-transparent outline-offset-2 ${colors.outline.focus} transition-all`, base: `w-fit flex flex-row items-center justify-between rounded-md outline outline-1 outline-transparent outline-offset-2 ${colors.outline.focus} transition-all`,
variants: { variants: {
size: { size: {
link: "p-0 text-base",
sm: "px-2 py-1 text-sm", sm: "px-2 py-1 text-sm",
md: "px-4 py-2 text-base", md: "px-4 py-2 text-base",
lg: "px-5 py-3 text-lg", lg: "px-5 py-3 text-lg",
@ -77,7 +78,7 @@ const [buttonVariants, resolveVariants] = vcn({
border: "none", border: "none",
background: "transparent", background: "transparent",
decoration: "link", decoration: "link",
size: "md", size: "link",
}, },
success: { success: {
border: "success", border: "success",

2
packages/react/src/docs/components/Button.mdx
View File

@ -50,7 +50,7 @@ import { Button } from "@components/Button";
| Prop | Type | Default | Description | | Prop | Type | Default | Description |
| :--- | :--- | :------ | :---------- | | :--- | :--- | :------ | :---------- |
| `size` | `"sm" \| "md" \| "lg" \| "icon"` | `"md"` | The size of the button | | `size` | `"link" \| "sm" \| "md" \| "lg" \| "icon"` | `"md"` | The size of the button |
| `border` | `"none" \| "solid" \| "success" \| "warning" \| "danger"` | `"solid"` | The border color of the button | | `border` | `"none" \| "solid" \| "success" \| "warning" \| "danger"` | `"solid"` | The border color of the button |
| `background` | `"default" \| "ghost" \| "success" \| "warning" \| "danger" \| "transparent"` | `"default"` | The background color of the button | | `background` | `"default" \| "ghost" \| "success" \| "warning" \| "danger" \| "transparent"` | `"default"` | The background color of the button |
| `decoration` | `"none" \| "link"` | `"none"` | The inner text decoration of the button | | `decoration` | `"none" \| "link"` | `"none"` | The inner text decoration of the button |