diff --git a/api/@internal/component/ets/text_area.d.ts b/api/@internal/component/ets/text_area.d.ts
index 5367dcb957f4d052d85780bf7b5f47e1330e7e7a..ec7fe495a743f7436760f50ebbb3a545998139a5 100644
--- a/api/@internal/component/ets/text_area.d.ts
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -1699,7 +1699,7 @@ declare class TextAreaAttribute extends CommonMethod<TextAreaAttribute> {
    * @arkts 1.1&1.2
    */
   customKeyboard(value: CustomBuilder, options?: KeyboardOptions): TextAreaAttribute;
-  
+
   /**
    * Called when the text decoration of the text is set.
    *
@@ -2121,6 +2121,74 @@ declare class TextAreaAttribute extends CommonMethod<TextAreaAttribute> {
  */
 declare const TextArea: TextAreaInterface;
 
+/**
+ * Define the ratio of characters entered by the the percentage of InputCounterOptions.
+ *
+ * @interface InputCounterOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 12
+ */
+declare interface InputCounterOptions {
+  /**
+   * It is the numerator bit of the percentage and used as a threshold. If the number of characters input
+   * reaches the maximum number of characters multiplied by this threshold, the counter is displayed.
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @since 11
+   */
+  /**
+   * It is the numerator bit of the percentage and used as a threshold. If the number of characters input
+   * reaches the maximum number of characters multiplied by this threshold, the counter is displayed.
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 12
+   */
+  thresholdPercentage?: number;
+  /**
+   * If the current input character count reaches the maximum character count and users want to exceed the
+   * normal input, the border will turn red. If this parameter is true, the red border displayed.
+   * @type { ?boolean }
+   * @default true
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @since 11
+   */
+  /**
+   * If the current input character count reaches the maximum character count and users want to exceed the
+   * normal input, the border will turn red. If this parameter is true, the red border displayed.
+   * @type { ?boolean }
+   * @default true
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 12
+   */
+  highlightBorder?: boolean;
+  /**
+   * It is the color of counter when textField hasn't wanted to exceed the maximum character count.
+   * @type { ?Color }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 21
+   */
+  counterTextColor?: Color
+  /**
+   * It is the color of counter when textField wants to exceed the maximum character count.
+   * @type { ?Color }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 21
+   */
+  counterTextOverflowColor?: Color
+}
+
 /**
  * Defines TextArea Component instance.
  *