Text input
The Text Input component allows the user to enter text. This text can be reused elsewhere in the application or used to trigger an action.
With this component, you can display of a text entered by the user. When the application is closed, this text disappears.
In this article
Insert a text input
Validate the input
To validate the input, you can either activate the automatic validation (option Live validation) or add a validation button (action Interact with a component > Text input > Validate).
Display entered text
You can reuse the user validated text in the application.
Insert a text block and customize the style. Add a data binding on the Content : From a component > Text input.
Trigger an action based on text value
Let's imagine an English language learning application. The user must type in the word pineapple to get a correct answer. A pop-up tells him whether the answer is right or wrong. You need to create a condition "If the text is pineapple" and another "If the text is not pineapple" and associate the right actions.
Insert the component Condition and in the properties create the two conditions using the value of the Text Input component.
Add an action to evaluate these conditions.
Learn more: Conditions
To go further, you can associate it with a user session via the component Firebase session, store it locally for use in the application via the PandaSuite database or send it via the HTTP component to an external service or application (Airtable, Google Drive etc..).