Example
Props
Name | Type | Default Value | Required | Description |
---|
name | string | | No | |
value | string | | Yes | |
onChange | (value: string) => unknown | | Yes | |
onBlur | () => unknown | | No | |
label | string | | Yes | |
issues | NonEmptyArray<Children> | | No | |
disabled | boolean | | No | |
assistiveText | Children | | No | |
autoFocus | boolean | | No | |
hint | string | | No | |
hintPlacement | "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"
| | No | |
placeholder | string | | No | |
isReadOnly | boolean | | No | |
type | "text" | "url" | "email" | "password"
| | No | |
rightAccessory | Children | | No | |
showPasswordLabel | never | | No | |
hidePasswordLabel | never | | No | |
Also known as
This component may also be known in other UI libraries as
InputField,
Input,
TextBox, or
TextInput
Related components