(#0) InputPassword label 추가

thebbodek · Dec 9, 2023 · de7a0a0 · de7a0a0
1 parent bb5dfa6
commit de7a0a0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/core/components/Input/InputPassword/InputPassword.stories.tsx b/src/core/components/Input/InputPassword/InputPassword.stories.tsx
@@ -8,6 +8,10 @@ const meta = {
   title: "core/Input/InputPassword",
   component: InputPassword,
   argTypes: {
+    label: {
+      control: "text",
+      description: "InputPassword Label",
+    },
     regCallback: {
       description: "Input RegEx",
     },

diff --git a/src/core/components/Input/InputPassword/index.tsx b/src/core/components/Input/InputPassword/index.tsx
@@ -8,6 +8,7 @@ import { InputPasswordProps } from "./types";
 
 const InputPassword = forwardRef((
     {
+      label = "비밀번호",
       regCallback,
       ...props
     }: InputPasswordProps,
@@ -25,7 +26,7 @@ const InputPassword = forwardRef((
   return (
     <InputBase
       inputId = {id}
-      label = {"비밀번호"}
+      label = {label}
       rootClassName = {rootClassName}
       inputRootClassName = "h-[3.75rem]"
       error = {error}

diff --git a/src/core/components/Input/InputPassword/types/index.ts b/src/core/components/Input/InputPassword/types/index.ts
@@ -3,5 +3,5 @@ import { UseInputProps } from "../../hooks/useInput";
 
 export interface InputPasswordProps
     extends React.InputHTMLAttributes<HTMLInputElement>,
-            Pick<InputBaseProps<"div">, "rootClassName" | "error">,
+            Pick<InputBaseProps<"div">, "rootClassName" | "label" | "error">,
             Pick<UseInputProps, "regCallback"> {}