From bf8bfa42e3a141c588cc29e1f8dfc117238e59f1 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Tue, 20 May 2025 17:04:02 +0900
Subject: [PATCH] =?UTF-8?q?Uitab=20=EC=84=A0=ED=83=9D=ED=95=9C=20=ED=83=AD?=
 =?UTF-8?q?=20id=20=EB=B0=98=ED=99=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/business_components/src/ui/tab/index.tsx    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/common/business_components/src/ui/tab/index.tsx b/packages/common/business_components/src/ui/tab/index.tsx
index 9d24562f8..9dde67780 100644
--- a/packages/common/business_components/src/ui/tab/index.tsx
+++ b/packages/common/business_components/src/ui/tab/index.tsx
@@ -10,14 +10,20 @@ interface UITabProps extends React.HTMLAttributes<HTMLDivElement> {
   defaultValue?: string;
   tabList: TabItem[];
   children: React.ReactNode;
+  onValueChange?: (value: string) => void;
 }
 
 const UITab  = React.forwardRef<
   HTMLDivElement,
   UITabProps
->(({defaultValue, tabList, children}, ref)=>{
+>(({defaultValue, tabList, children, onValueChange, ...props}, ref)=>{
     return (
-      <Tabs defaultValue={defaultValue || tabList[0]?.value} className={"w-full space-x-1 border-b border-gray-200"}>
+      <Tabs 
+        defaultValue={defaultValue || tabList[0]?.value} 
+        className={"w-full space-x-1 border-b border-gray-200"}
+        onValueChange={onValueChange}
+        {...props}
+      >
         <TabsList className="flex space-x-1">
           {tabList.map((tab) => (
             <TabsTrigger