From 91ccb8292905d1c158c61b4c19a8c7bbfb248f04 Mon Sep 17 00:00:00 2001 From: p-sw Date: Sat, 1 Jun 2024 20:48:04 +0900 Subject: [PATCH] feat: add DrawerClose --- packages/react/components/Drawer.tsx | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/packages/react/components/Drawer.tsx b/packages/react/components/Drawer.tsx index 852f6c7..9fd3b75 100644 --- a/packages/react/components/Drawer.tsx +++ b/packages/react/components/Drawer.tsx @@ -317,4 +317,18 @@ const DrawerContent = forwardRef( } ); -export { DrawerRoot, DrawerTrigger, DrawerOverlay, DrawerContent }; +const DrawerClose = forwardRef< + HTMLButtonElement, + ComponentPropsWithoutRef<"button"> +>((props, ref) => { + const [_, setState] = useContext(DrawerContext); + return ( + setState((prev) => ({ ...prev, opened: false }))} + /> + ); +}); + +export { DrawerRoot, DrawerTrigger, DrawerOverlay, DrawerContent, DrawerClose };