feat(textarea): modify the clear button icon

nextui-org · Nov 5, 2024 · c2b16d4 · c2b16d4
1 parent a4c2310
commit c2b16d4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/input/package.json b/packages/components/input/package.json
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.3.0",
+    "@nextui-org/theme": ">=2.2.12",
     "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {

diff --git a/packages/components/input/src/textarea.tsx b/packages/components/input/src/textarea.tsx
@@ -3,7 +3,7 @@ import {forwardRef} from "@nextui-org/system";
 import {mergeProps} from "@react-aria/utils";
 import {useMemo, useState} from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import {TrashIcon} from "@nextui-org/shared-icons";
+import {CloseFilledIcon} from "@nextui-org/shared-icons";
 
 import {UseInputProps, useInput} from "./use-input";
 
@@ -123,7 +123,7 @@ const Textarea = forwardRef<"textarea", TextAreaProps>(
     );
 
     const clearButtonContent = useMemo(() => {
-      return isClearable ? <button {...getClearButtonProps()}>{<TrashIcon />}</button> : null;
+      return isClearable ? <button {...getClearButtonProps()}>{<CloseFilledIcon />}</button> : null;
     }, [isClearable, getClearButtonProps]);
 
     const innerWrapper = useMemo(() => {