--- id: csa title: 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](/docs/widgets/form/form) guide. For more information on **Form** Component Properties, check out the [Properties](/docs/widgets/form/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}}`|