From dcc1d4d679e141b25482d5eba64a25a2e9d0e413 Mon Sep 17 00:00:00 2001
From: dragooncjw <289056872@qq.com>
Date: Mon, 4 Aug 2025 16:31:43 +0800
Subject: [PATCH] chore: support custom tabbar props

---
 .../chore-custom-tabbar-props_2025-08-04-08-31.json   | 11 +++++++++++
 .../src/components/tab-bar/tab-bar-types.ts           |  1 +
 .../coze-design/src/components/tab-bar/tab-bar.tsx    |  3 ++-
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 common/changes/@coze-arch/coze-design/chore-custom-tabbar-props_2025-08-04-08-31.json

diff --git a/common/changes/@coze-arch/coze-design/chore-custom-tabbar-props_2025-08-04-08-31.json b/common/changes/@coze-arch/coze-design/chore-custom-tabbar-props_2025-08-04-08-31.json
new file mode 100644
index 00000000..6443d648
--- /dev/null
+++ b/common/changes/@coze-arch/coze-design/chore-custom-tabbar-props_2025-08-04-08-31.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze-arch/coze-design",
+      "comment": "support custom tabbar props",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@coze-arch/coze-design",
+  "email": "289056872@qq.com"
+}
diff --git a/packages/components/coze-design/src/components/tab-bar/tab-bar-types.ts b/packages/components/coze-design/src/components/tab-bar/tab-bar-types.ts
index 6d3d9d77..cd87ac18 100644
--- a/packages/components/coze-design/src/components/tab-bar/tab-bar-types.ts
+++ b/packages/components/coze-design/src/components/tab-bar/tab-bar-types.ts
@@ -17,6 +17,7 @@ export interface TabsTopProps
   mode?: 'tab' | 'select';
   type?: TabType;
   align?: 'left' | 'center' | 'right';
+  customTabBarProps?: SemiTabBarProps;
 }
 
 export interface TabsBarProps
diff --git a/packages/components/coze-design/src/components/tab-bar/tab-bar.tsx b/packages/components/coze-design/src/components/tab-bar/tab-bar.tsx
index 53315083..110fb96c 100644
--- a/packages/components/coze-design/src/components/tab-bar/tab-bar.tsx
+++ b/packages/components/coze-design/src/components/tab-bar/tab-bar.tsx
@@ -39,6 +39,7 @@ export const Tabs = forwardRef<SemiTabs, TabsTopProps>((props, ref) => {
     mode,
     align,
     renderTabBar,
+    customTabBarProps,
     tabPaneMotion,
     ...restProps
   } = mergeProps(props, defaultProps);
@@ -49,7 +50,7 @@ export const Tabs = forwardRef<SemiTabs, TabsTopProps>((props, ref) => {
     DefaultTabBar,
   ) => (
     <div className={`coz-tab-bar-${tabType}`}>
-      <DefaultTabBar {...tabBarProps} />
+      <DefaultTabBar {...tabBarProps} {...customTabBarProps} />
     </div>
   );