diff --git a/api/@internal/component/ets/tab_content.d.ts b/api/@internal/component/ets/tab_content.d.ts
index ca258bdfd0d023100fbf60ccea4718610da076ce..76e1448de29a21c3d46eac7e7fad853b0fbc013c 100644
--- a/api/@internal/component/ets/tab_content.d.ts
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Copyright (c) 2021-2023 Huawei Device Co., Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
@@ -13,6 +13,32 @@
  * limitations under the License.
  */
 
+/**
+ * Define SubTabBarStyle, the style is text and underline.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 9
+ */
+ declare class SubTabBarStyle {
+  /**
+   * constructor.
+   * @since 9
+   */
+  constructor(content: string | Resource);
+}
+
+/**
+ * Define BottomTabBarStyle, the style is icon and text.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 9
+ */
+ declare class BottomTabBarStyle {
+  /**
+   * constructor.
+   * @since 9
+   */
+  constructor(icon: string | Resource, text: string | Resource);
+}
+
 /**
  * Provides an interface for switching the content view on a tab page.
  * @since 7
@@ -36,6 +62,12 @@ declare class TabContentAttribute extends CommonMethod<TabContentAttribute> {
    */
   tabBar(value: string | Resource | CustomBuilder |
     { icon?: string | Resource; text?: string | Resource }): TabContentAttribute;
+
+  /**
+   * Called when tabbar is entered.
+   * @since 9
+   */
+   tabBar(value: SubTabBarStyle | BottomTabBarStyle): TabContentAttribute;
 }
 
 declare const TabContent: TabContentInterface;