ToolJet/docs/versioned_docs/version-3.16.0-LTS/widgets/form/csa.md

id	title
csa	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.

<div style={{ width:"150px"}}> Action	<div style={{ width:"170px"}}> Description	<div style={{width: "200px"}}> 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	<div style={{ width:"250px"}}> 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}}