Enter a single line of text.
An input field to enter a single line of text. Mobile Text Input supports prefix and suffix icons, and automatic capitalization.
Properties
Available properties for Mobile Text Input. You can write JavaScript almost anywhere in Retool to manipulate or read information about components.
autoCapitalize boolean
Whether to automatically capitalize text input when using a virtual keyboard.
autoResize boolean
Whether the input field automatically grows with its content.
customValidation string
A JavaScript conditional statement for custom validation logic. If customValidation
evaluates to a string, validation fails and it is rendered as the the error message. An empty or nullish value is treated as valid input.
disabled boolean
Whether the component is disabled to prevent user interaction.
formDataKey string
When nested within a Form component, the key used to map default values from the form's initialData
.
id string
The name of the component.
invalid boolean
Whether the input value has failed validation.
label string
Text label for the input.
labelCaption string
The additional text to display with the label.
maxLength number | null
The maximum length of text allowed.
maxLines number | null
The maximum number of lines of tags to display.
minLength number | null
The minimum length of text allowed.
minLines number | null
The minimum number of lines of tags to display.
pattern string
A JavaScript regular expression (without forward slashes) for pattern validation (if patternType
is regex
).
patternType 'email' | 'url' | 'regex' | 'null'
Validation pattern to be enforced.
placeholder string
The text to display when no value is set.
pluginType string
The component type.
required boolean
Whether an input value is required.
validationMessage string
The message to be rendered when the input is invalid.
value (string │ number │ boolean │ null │ undefined)
The value of the component.