mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-23 22:47:28 +00:00
29 lines
1.1 KiB
Markdown
29 lines
1.1 KiB
Markdown
|
---
|
||
|
|
title: "Using Modules"
|
||
|
|
id: "using-modules"
|
||
|
|
---
|
||
|
|
|
||
|
|
Once a module is created, it becomes available in the **Module** section of the component panel inside the App-Builder. You can use it like any other component by dropping it on the canvas and configuring it.
|
||
|
|
|
||
|
|
|
||
|
|
### Steps to Use a Module:
|
||
|
|
|
||
|
|
1. Open the application in which you want to use a module.
|
||
|
|
|
||
|
|
2. In the component library panel, switch to the **Module** section.
|
||
|
|
|
||
|
|
3. **Drag and drop** the Module onto the canvas.
|
||
|
|
|
||
|
|
<img className="screenshot-full img-full" src="/img/app-builder/modules/use-module.png" alt="Module Builder" />
|
||
|
|
|
||
|
|
5. You can select the module, to see a list of required **inputs** (if any) defined in the module.
|
||
|
|
|
||
|
|
6. Bind the inputs to values from your data source or configure static values if needed.
|
||
|
|
|
||
|
|
7. If your module has **outputs**, you can reference them using:
|
||
|
|
```js
|
||
|
|
{{components.<module_name>.<output_name>}}
|
||
|
|
```
|
||
|
|
|
||
|
|
You can reuse the same module multiple times in a single application by dropping it multiple times on the canvas and configuring each instance with different input bindings.
|