✨ feat :: 입력 컴포넌트에 여러 상황 케이스 추가

VACGOM · Apr 27, 2024 · 147f92d · 147f92d
1 parent 7ac08df
commit 147f92d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/InputField/InputField.styles.ts b/src/components/InputField/InputField.styles.ts
@@ -47,6 +47,12 @@ export const getVariantStyling = (variant: Required<InputFieldProps>['variant'])
     text: css({
       backgroundColor: 'transparent',
     }),
+    focus: css({
+      backgroundColor: 'transparent',
+    }),
+    error: css({
+      backgroundColor: 'transparent',
+    }),
   };
 
   return style[variant];

diff --git a/src/components/InputField/InputField.tsx b/src/components/InputField/InputField.tsx
@@ -13,7 +13,7 @@ import Label from '@components/TextLabel/TextLabel';
 
 export interface InputFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
   label?: string;
-  variant?: 'default' | 'text';
+  variant?: 'default' | 'text' | 'focus' | 'error';
   size?: Extract<Size, 'small' | 'medium' | 'large'>;
   isError?: boolean;
   icon?: ReactElement;