feat: Input.TextArea support rootClassName (ant-design#44058)

* feat: Input.TextArea support rootClassName * feat: optimize code * feat: optimize code * feat: add rootClassName test
ammar-knowledge · Aug 7, 2023 · dcba47b · dcba47b
1 parent 77ecdcb
commit dcba47b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/components/input/TextArea.tsx b/components/input/TextArea.tsx
@@ -21,6 +21,7 @@ export interface TextAreaProps extends Omit<RcTextAreaProps, 'suffix'> {
   bordered?: boolean;
   size?: SizeType;
   status?: InputStatus;
+  rootClassName?: string;
 }
 
 export interface TextAreaRef {
@@ -39,6 +40,8 @@ const TextArea = forwardRef<TextAreaRef, TextAreaProps>((props, ref) => {
     allowClear,
     showCount,
     classNames: classes,
+    rootClassName,
+    className,
     ...rest
   } = props;
   const { getPrefixCls, direction } = React.useContext(ConfigContext);
@@ -87,6 +90,7 @@ const TextArea = forwardRef<TextAreaRef, TextAreaProps>((props, ref) => {
       {...rest}
       disabled={mergedDisabled}
       allowClear={mergedAllowClear}
+      className={classNames(className, rootClassName)}
       classes={{
         affixWrapper: classNames(
           `${prefixCls}-textarea-affix-wrapper`,

diff --git a/components/input/__tests__/demo.test.tsx b/components/input/__tests__/demo.test.tsx
@@ -14,3 +14,7 @@ rootPropsTest(
 rootPropsTest('input', (Input, props) => <Input.Password {...props} />, {
   name: 'password',
 });
+
+rootPropsTest('input', (Input, props) => <Input.TextArea {...props} />, {
+  name: 'textarea',
+});