An interactive numeric input box with custom formatting masks (thousand/decimal separators, custom masks) and support for persistent left/right visual adornments (icons or text).

• Capturing numeric inputs inside forms where precise mask formatting (decimal precision, custom separators, number masks) or visual adornments (icons/prefixes) are needed.
• Collecting financial, statistical, or masked numerical data that binds directly to database schema fields.

The Data Source configuration section remains deactivated until a default_form is present on the page layout. Once linked to a form via Element ID and Field Path, the input binds directly to the form’s state and schema.

A single-select option group outputting a string, rendered as a list of circular radio indicators or interactive toggle buttons aligned vertically or horizontally.

• Allowing users to select exactly one option from a small, clear set of mutually exclusive choices.
• Presenting discrete categorical choices visually using classic radio indicators or segment toggle buttons.

Deactivated by default until a default_form is present on the page layout. Requires a valid Data Source connection (Element ID and Field Path) to store the selected option string.

An interactive draggable thumb slider moving along a horizontal or vertical line track, featuring optional value tooltips, customizable step increments, and mark indicators.

• Allowing users to select a numeric value smoothly along a bounded continuous track by dragging a handle.
• Providing intuitive numeric controls for adjustments like volume, distance, budgets, or percentage scale settings.

Disabled by default until a default_form is present on the page layout. Requires a valid Data Source pairing (Element ID and Field Path) to store the numeric output.

An editable grid of related records inside a parent form — the way to manage a one-to-many relationship without leaving the page.

• Editing the many side of a relationship in place, such as the lines of an order, where rows are added and removed alongside the parent record.

Binds to a field path on a parent Form that holds an array of rows. Rows are saved with the parent record, not independently.

An interactive single-line or multiline text entry box featuring optional start/end adornments (icons/text), a helper text tooltip ‘?’ button, and direct form validation state indicators.

• Capturing standard short or multiline text entries (e.g. names, notes, addresses) inside forms.
• Binding form fields to backend schema paths to handle automatic validation errors, touch states, and value change tracking.
• Providing text inputs with regex validation patterns, helper tooltips, or prefix/suffix adornments.

Requires a valid Data Source object containing an elementId (matching the target Form ID) and a fieldPath array mapping to a specific field name. The target Form must have view fields available.

An upload action button decorated with a cloud-and-arrow icon that opens the standard browser file picker dialog, displaying a trash bin icon next to selected files for instant removal.

• Allowing users to pick, upload, and manage binary files (documents, images, audio, video) inside form workflows.
• Binding uploaded file references to backend database records while enforcing access permissions and file extension filters.

Disabled by default until a default_form is present on the page layout. Requires selecting an Element ID and a target Field Path to bind file uploads to form payloads.

A multi-file action trigger button decorated with a cloud-and-arrow upload icon that opens a browser file picker allowing batch selection. Displays a staged list of selected files with individual trash bin icons for easy removal before upload.

• Allowing users to select, upload, and manage multiple binary files simultaneously inside form workflows.
• Binding arrays of uploaded file references or file path collections to backend database records while enforcing access permissions and file extension filters.

Disabled by default until a default_form is present on the page layout. Requires selecting an Element ID and a target Field Path to bind multi-file upload arrays to form payloads.