[Bug] TextField 컴포넌트 style, className 속성 가장 바깥 태그에서 관리하도록 수정 (#115)

* chore: 불필요한 import문 삭제 * chore: TextField 컴포넌트 style, className props 가장 바깥 태그에 적용하도록 수정 * feat: changeset 작성
GDSC-Hongik · Aug 2, 2024 · 20d52e5 · 20d52e5
1 parent 5af6297
commit 20d52e5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/.changeset/poor-comics-hope.md b/.changeset/poor-comics-hope.md
@@ -0,0 +1,5 @@
+---
+"wowds-ui": patch
+---
+
+TextField 컴포넌트 style, className 속성을 적용할 수 있도록 수정합니다.
diff --git a/apps/wow-docs/app/page.tsx b/apps/wow-docs/app/page.tsx
@@ -1,4 +1,3 @@
-import Box from "wowds-ui/Box";
 import Checkbox from "wowds-ui/Checkbox";
 import Chip from "wowds-ui/Chip";
 import Divider from "wowds-ui/Divider";

diff --git a/packages/wow-ui/src/components/TextField/index.tsx b/packages/wow-ui/src/components/TextField/index.tsx
@@ -122,7 +122,7 @@ const TextField = forwardRef<HTMLTextAreaElement, TextFieldProps>(
     };
 
     return (
-      <Flex className={containerStyle()} direction="column" gap="xs">
+      <Flex className={containerStyle()} direction="column" gap="xs" {...rest}>
         <Flex alignItems="flex-end" justifyContent="space-between">
           <Label textareaId={descriptionId} variant={variant}>
             {label}
@@ -150,7 +150,6 @@ const TextField = forwardRef<HTMLTextAreaElement, TextFieldProps>(
           onBlur={handleBlur}
           onChange={handleChange}
           onFocus={handleFocus}
-          {...rest}
         />
         {helperText && <HelperText variant={variant}>{helperText}</HelperText>}
       </Flex>