From 596c11cd2314437564516c1acc036ff2b92beac7 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 30 Oct 2025 16:28:23 +0800
Subject: [PATCH] Added placeholder on input component

---
 src/components/Input/Input.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 990d391..139823f 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -8,6 +8,7 @@ interface Props {
   onChange: Setter<string>
   onKeyDown?: (event: KeyboardEvent) => void
   isPassword?: boolean
+  placeholder?: string
 }
 
 export default (props: Props) => {
@@ -17,7 +18,7 @@ export default (props: Props) => {
         <Show when={props.label}>
           <TextField.Label class="text-field__label">{props.label}</TextField.Label>
         </Show>
-        <TextField.Input class="text-field__input" type={props.isPassword ? 'password' : 'text'} />
+        <TextField.Input class="text-field__input" type={props.isPassword ? 'password' : 'text'} placeholder={props.placeholder || ''}/>
       </TextField>
     </>
   )