Trigger Widgets

Trigger widgets are interactive UI elements designed to capture direct user actions and initiate processes in your backend logic.

Available trigger widgets

• Button: The standard, highly configurable button. You use it to capture clicks and start your function sequences.

Icons as trigger widgets While the button is the only official widget in this category, you can also use icons as triggers. They follow the same data binding rules as the button widget.

Connecting to backend logic (data binding)

Trigger widgets connect to your logic by linking an event (like a click) to a function.

How to link

You link widgets by dragging the logic to the UI:

1. Drag a trigger from a function and drop it onto the widget.

2. A menu will appear on the function block; pick the specific widget event, usually onClick, to complete the link. For buttons, there is only one property, so the selection is automatic.

Two-way interaction

• To function trigger: Clicking the button starts the connected logic flow.

• From function output / from modifier: A function sends data back to the button. For example, you can link a function's output to a button's done property to show a loading animation inside the button until that part of your flow is executed.

Auto-triggering on input

You can trigger a function automatically when a user enters data. To do this, connect the function input with the function trigger. In such a case, no extra event (like a click) by the user.