From ff202e46784757f7a4b59dda665f6bc75b0daba1 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sun, 4 Aug 2024 15:25:54 +0900
Subject: [PATCH] feat: update drawer docs

---
 src/docs/components/Drawer.mdx                  | 7 ++++---
 src/docs/components/DrawerBlocks/Playground.tsx | 5 +++++
 src/docs/components/DrawerBlocks/Preview.tsx    | 3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/docs/components/Drawer.mdx b/src/docs/components/Drawer.mdx
index 62e70a4..217a280 100644
--- a/src/docs/components/Drawer.mdx
+++ b/src/docs/components/Drawer.mdx
@@ -85,9 +85,10 @@ import {
 
 #### Variants
 
-| Prop       | Type                                     | Default  | Description                |
-|:-----------|:-----------------------------------------|:---------|:---------------------------|
-| `position` | `"top" \| "bottom" \| "left" \| "right"` | `"left"` | The position of the drawer |
+| Prop       | Type                                     | Default  | Description                                 |
+|:-----------|:-----------------------------------------|:---------|:--------------------------------------------|
+| `position` | `"top" \| "bottom" \| "left" \| "right"` | `"left"` | The position of the drawer                  |
+| `maxSize`  | `"sm" \| "md" \| "lg" \| "xl"`           | `"sm"`   | max width ignored on top or bottom position |
 
 #### Special
 
diff --git a/src/docs/components/DrawerBlocks/Playground.tsx b/src/docs/components/DrawerBlocks/Playground.tsx
index 09a34d3..50e4ebf 100644
--- a/src/docs/components/DrawerBlocks/Playground.tsx
+++ b/src/docs/components/DrawerBlocks/Playground.tsx
@@ -19,6 +19,11 @@ export default function DrawerPlayground() {
         options: ["top", "bottom", "left", "right"],
         value: "left",
       },
+      maxSize: {
+        type: "select",
+        options: ["sm", "md", "lg", "xl"],
+        value: "sm",
+      },
     },
   });
 
diff --git a/src/docs/components/DrawerBlocks/Preview.tsx b/src/docs/components/DrawerBlocks/Preview.tsx
index 1d3be45..c636c65 100644
--- a/src/docs/components/DrawerBlocks/Preview.tsx
+++ b/src/docs/components/DrawerBlocks/Preview.tsx
@@ -16,6 +16,7 @@ export interface DrawerDemoPlaygroundProps {
   };
   DrawerContentProps: {
     position: "top" | "bottom" | "left" | "right";
+    maxSize: "sm" | "md" | "lg" | "xl";
   };
 }
 /* end */
@@ -34,8 +35,8 @@ export function DrawerDemo() {
       </DrawerTrigger>
       <DrawerOverlay className="z-[99]">
         <DrawerContent
-          className="max-w-[320px]"
           position={DrawerContentProps.position}
+          maxSize={DrawerContentProps.maxSize}
         >
           <DrawerHeader>
             <h1 className="text-2xl font-bold">Drawer</h1>