PatAlcala9/ocbo-esign
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added placeholder on input component

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-10-30 16:28:23 +08:00
parent 015984c4cf
commit 596c11cd23
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/Input/Input.tsx
View file

@ -8,6 +8,7 @@ interface Props {
onChange: Setter<string> onChange: Setter<string>
onKeyDown?: (event: KeyboardEvent) => void onKeyDown?: (event: KeyboardEvent) => void
isPassword?: boolean isPassword?: boolean
placeholder?: string
} }
export default (props: Props) => { export default (props: Props) => {
@ -17,7 +18,7 @@ export default (props: Props) => {
<Show when={props.label}> <Show when={props.label}>
<TextField.Label class="text-field__label">{props.label}</TextField.Label> <TextField.Label class="text-field__label">{props.label}</TextField.Label>
</Show> </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> </TextField>
</> </>
) )