Button

The Button widget is a standard interactive element used to trigger actions within an application. It can be configured to perform various functions such as submitting data, navigating between pages or triggering events. Its design can be customized to align with the visual theme of your app.

Common Use Cases

Submitting forms or inputs

Triggering API calls (e.g., save, update, delete actions)

Navigating to other pages or containers

Launching modals or toggling components

Executing custom JavaScript or formula-based logic

Widget Properties This widget does not have specific or advanced properties in the Panel Tab by default. However, actions and logic can be assigned to it through the Interactions Panel or formula editor, depending on your platform.

Step-by-Step Guide to Use the Button Widget

Step 1: Add the Widget Open the Widgets Panel, navigate to the Fields & Headers section, and pick & drop the Button widget onto your page where an action trigger is needed.

Step 2: Configure Main Settings Click the button to access the Panel Tab. Set its label (text), style, size, and alignment. You can also add an icon or change the button’s appearance based on your app’s theme.

Step 3: Preview or Finalize Click the Run/Preview icon to test the button. Confirm that it performs the intended action and appears as expected within your layout.