#46 - feat: TextInputUI의 Container 추가

Wingle-SMWU · May 11, 2023 · 49fe088 · 49fe088
1 parent dd7a75a
commit 49fe088
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/ui/textInputUI.tsx b/src/components/ui/textInputUI.tsx
@@ -36,7 +36,7 @@ export default function TextInputUI({
   message,
 }: TextInputProps) {
   return (
-    <>
+    <S.Container>
       {label && <S.DropDownLabel disabled={disabled}>{label}</S.DropDownLabel>}
       <S.InputField width={width} error={error}>
         <input
@@ -59,11 +59,15 @@ export default function TextInputUI({
       ) : (
         <Text.Caption3 color="gray900">{message}</Text.Caption3>
       )}
-    </>
+    </S.Container>
   );
 }
 
 const S = {
+  Container: styled.div`
+    display: flex;
+    flex-direction: column;
+  `,
   DropDownLabel: styled.label<{ disabled: boolean }>`
     margin-bottom: 8px;
     font-size: 16px;