Skip to main content

TextField


Example

Props

NameTypeDefault ValueRequiredDescription
namestringNo
valuestringYes
onChange(value: string) => unknownYes
onBlur() => unknownNo
labelstringYes
issuesNonEmptyArray<Children>No
disabledbooleanNo
assistiveTextChildrenNo
autoFocusbooleanNo
hintstringNo
hintPlacement"bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"No
placeholderstringNo
isReadOnlybooleanNo
type"text" | "url" | "email" | "password"No
rightAccessoryChildrenNo
showPasswordLabelneverNo
hidePasswordLabelneverNo

Also known as

This component may also be known in other UI libraries as InputField, Input, TextBox, or TextInput

Related components