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

feat: add maxSize prop on DrawerContent

Browse Source
This commit is contained in:
p-sw 2024-08-04 15:22:41 +09:00
parent 00ebabe8b3
commit bfbce754d9
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/react/components/Drawer.tsx
View File

@ -163,6 +163,12 @@ const [drawerContentVariant, resolveDrawerContentVariantProps] = vcn({
left: "left-0 inset-y-0 h-screen rounded-l-lg border-r-2", left: "left-0 inset-y-0 h-screen rounded-l-lg border-r-2",
right: "right-0 inset-y-0 h-screen rounded-r-lg border-l-2", right: "right-0 inset-y-0 h-screen rounded-r-lg border-l-2",
}, },
maxSize: {
sm: "[&.left-0]:max-w-sm [&.right-0]:max-w-sm",
md: "[&.left-0]:max-w-md [&.right-0]:max-w-md",
lg: "[&.left-0]:max-w-lg [&.right-0]:max-w-lg",
xl: "[&.left-0]:max-w-xl [&.right-0]:max-w-xl",
},
opened: { opened: {
true: "", true: "",
false: false:
@ -172,6 +178,7 @@ const [drawerContentVariant, resolveDrawerContentVariantProps] = vcn({
defaults: { defaults: {
position: "left", position: "left",
opened: false, opened: false,
maxSize: "sm",
}, },
}); });