Button

The Button widget is an interactive element that allows users to trigger actions through clicks or taps. It supports customization of text, style, and behavior, and can be connected to specific functions that control app functionality.

Common Use Cases

• Submit a form (e.g., login, signup, feedback)

• Navigate to another page in the app

• Display or hide a popup

Widget Property

Title:

The Title property defines the text shown on the button. It tells users what action the button will perform, like “Submit”, “Save”, or “Next”.

Step-by-Step Guide to Use the Button Widget:

Step 1: Add the Widget

Open the Widget Panel on the left, go to the Field & headers section, and pick & drop the Button Widget onto your page.

Set Title and Size

Enter the button’s title (e.g., “Submit”, “Next”) and adjust the width and height as needed to fit your design.

Step 3: Configure Main Settings

Click the button to access the Panel Tab. Set its label style, size, and alignment. You can also add an icon or change the button’s appearance based on your app’s theme.

Step 4: Define the Rules & Test the Button

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