input_valuein the 'Variables' tab on the canvas. Then navigate back to the input field and choose the value of the Input to be
input_valuefrom the Properties sidebar on right.
input_valuevariable will dynamically change depending on what the user types to the Input in the app. Furthermore, as we want user to write an email to the input, you can change the Keyboard type to
email-addressfrom Input Properties tab like so:
input_valueis to use Formula functions with the Input styles.
input_value. It outputs a light gray color if the
input_valueis empty, a lime green if the
input_valueis an email and red when it's not, but has some text.
input_statewith type Text and select it to allow only specific values.
input_stateis default. Then, it's time to change the Formula that defines the Border color of the Input field. Change it to this:
input_stateto correspond the situation.
input_statevariables can also be used outside the scope of the Input field. For us this allows a possibility to show a specific Icon to indicate the input validity. So, let's drag an Icon to the canvas.
invalid, not when it's
default. So, from Advanced section of the Properties tab bind the Visible property to this Formula: