CSAs and Exposed Variables
This guide covers component-specific actions for the Form Component and its exposed variables. To learn how to generate a form, refer to the Generate Form guide. For more information on Form Component Properties, check out the Properties guide.
Component Specific Actions (CSAs)​
The following actions of the component can be controlled using the component-specific actions (CSA), you can trigger it using an event or use a RunJS query.
Action | Description | RunJS Query |
|---|---|---|
| submitForm | Submits the form data. | components.form1.submitForm() |
| resetForm | Resets the form data. | components.form1.resetForm() |
| setVisibility() | Sets the visibility of the component. | components.form1.setVisibility(false) |
| setLoading() | Sets the loading state of the component. | components.form1.setLoading(true) |
| setDisable() | Disables the component. | components.form1.setDisable(true) |
Exposed Variables​
| Variable | Description | How To Access |
|---|---|---|
| data | Holds all the exposed variables of all the nested components. | {{components.form1.data}} |
| formData | Holds the value of all the nested components. | {{components.form1.formData}} |
| children | Holds all the property of all the nested components. | {{components.form1.children}} |
| isValid | Indicates if all the input meets validation criteria. | {{components.form1.isValid}} |
| isLoading | Indicates if the component is loading. | {{components.form1.isLoading}} |
| isVisible | Indicates if the component is visible. | {{components.form1.isVisible}} |
| isDisabled | Indicates if the component is disabled. | {{components.form1.isDisabled}} |