Input
A form input field that binds its value to a variable.
Insert image: An Input component on the canvas showing a text field with placeholder text, and the property panel on the right displaying type, placeholder, required, and variable binding options
Properties
| Property | Description |
|---|---|
type | Input type: text, email, date, number, etc. |
placeholder | Placeholder text. |
required | Whether the input must have a value before navigation. |
dateFormat | For date inputs: DD/MM/YYYY or MM/DD/YYYY. |
disabled | Disables the input. |
Variable Binding
The input’s value is automatically stored in the variable specified by variableId. This variable is also accessible as an element variable: element.{componentId}.value.
When the user types, the bound variable updates in real-time. Other components referencing the same variable will reflect the change immediately.
Validation
When required is set, the “Go to Next Page” action will not navigate until the input has a value. For email type inputs, basic email format validation is applied automatically.
Last updated on