2025-08-04 06:49:49 +00:00
---
id: csa
title: CSAs and Exposed Variables
---
2026-02-12 05:40:46 +00:00
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/ ) guide. For more information on **Form** Component Properties, check out the [Properties ](/docs/widgets/form/properties ) guide.
2025-08-04 06:49:49 +00:00
## 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.
| < div style = {{ width: " 150px " } } > Action < / div > | < div style = {{ width: " 170px " } } > Description < / div > | < div style = {{width: " 200px " } } > RunJS Query < / div > |
| :------------ | :---------- | :------------ |
| 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 | < div style = {{ width: " 250px " } } > Description < / div > | 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}}` |
