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}} |