outputs

Author: harshilp24

website/docs/packages/reference/ui-module-instance.md

@@ -37,4 +37,42 @@ You can bind static values, widget outputs, query results, or app/user data into
 ```
 
 
-</dd>
+</dd>
+
+#### Outputs
+
+<dd>
+
+Allows you to access dynamic values from the UI Module Instance in your parent application. Outputs listed at the instance level are automatically generated based on the Outputs defined when the UI Module was created.
+
+Outputs enable you to retrieve internal module state, computed values, or processing results without needing to understand the module's internal implementation.
+
+**Accessing Module Outputs**
+
+Module outputs can be accessed directly using the module instance name:
+
+```javascript
+{{ModuleInstanceName.outputName}}
+```
+
+*Example:* If you want to display data from a module in a Table widget on your application:
+
+```javascript
+// In your Table widget's Data property:
+{{DataModule1.tableData}}
+```
+
+This allows you to populate application tables with data processed or filtered inside your module without exposing the internal implementation details.
+
+*Example:* To use an authentication token generated by a login module in your API calls:
+
+```javascript
+// In an API Header configuration
+{
+  "Authorization": "Bearer {{LoginModule1.authToken}}"
+}
+```
+
+By effectively using module outputs, you can build applications from reusable, encapsulated components while maintaining clean integration between them.
+
+</dd>

website/docs/packages/reference/ui-module.md

@@ -57,6 +57,37 @@ Inputs can be accessed using the same syntax across widgets, queries, and JavaSc
 
 </dd>
 
+#### Outputs
+
+<dd>
+
+Outputs allow you to pass dynamic values from the UI Module back to the parent application. They enable modules to share results, state changes, or computed values with the consuming application.
+
+Each Output has:
+
+- **Name:** Used to reference the value in the parent application.
+- **Value:** The internal module data, state, or computed result you want to expose.
+
+**Accessing Outputs**
+
+When a UI Module is added to an application, its outputs become available through the module instance name:
+
+```javascript
+{{ModuleName.outputName}}
+```
+
+*Example:* If you have a login module that generates an authentication token, you can access it in the parent app using `{{LoginModule.authToken}}` for subsequent API calls.
+
+*Example:* To display data from a module in a Table widget on your application:
+
+```javascript
+// In your Table widget's Data property:
+{{DataModule.tableData}}
+```
+
+This allows you to populate application tables with data processed or filtered inside your module without exposing the internal implementation details.
+
+</dd>
 
 #### Visible `boolean`