Skip to main content


The Form component allows you to create a form and get answers from the user.

Form API

The following section details Form component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Data source

Fields are called property, they can be added as eval or connected to other components. They can be seen and filled as JSON.


This component can be controlled by frontend scripts using these functions:


The setValue function is meant to set or force the value of a component. This can be convenient in cases where connection is not the easiest pattern. Note that it's a bad idea to mix dynamic default value and setValue together.

setValue(id: string, value: any)


Make a specific field of a form in a Validate state.

validate(id: string, key: string)


Make all fields of a form in a Validate state.

validateAll(id: string, key: string)


Invalidate a specific field of a form

invalidate(id: string, key: string, error: string)

Form configuration

Display TypebooleantruefalsefalseThis will display the type and/or the format on the field next to the label.
Large GapbooleantruefalsefalseThis will add a large gap between the field elements.

Each argument can be configured (name, description, type, default value, advanced parameters).

Form Arguments


propertiesstringType, description and default of each argument.
loadingbooleanThe loading state of the text component.
valuessame as each argumentValue of each answer by the user.