Components

The Activity builder supports the following components for building integrations. Each component provides specific functionality and can be configured according to your needs.

📄️ Common Properties

These are the common properties of a field (inside the meta field).

📄️ Array Component

The Array component handles dynamic arrays of form fields, allowing users to add, remove, and manage items in the array and also support nested arrays. It uses Material-UI's Accordion component for better organization and user experience.

📄️ Auto-Complete

The Autocomplete component provides an enhanced input field with autocomplete functionality using Material-UI's Autocomplete component. It supports single and multiple selections, custom options, and additional actions.

📄️ Button

here are additional JSON schemas for different button configurations:

📄️ Checkbox

The Checkbox component can be used in any form to provide a set of checkboxes.

📄️ Code

This section provides comprehensive documentation for the Code component, which is used to input multi-line code snippets in various configurations. The component supports multiple properties such as fullscreen, language, size, and showSuggestions, among others, which enhance usability and functionality according to different requirements.

📄️ Date Picker

The Date picker component can be used to select a date or time or both date and time from the user.

📄️ Email

The Email component can be used to collect email addresses from users. It is a text field that validates the input against a regular expression pattern to ensure that the input is a valid email address or not. It can be configured to be readonly, disabled, required, and can have a placeholder, helper text, and default value.

📄️ File Upload

The file Upload component can be used to Upload multiple files and even can set limit to upload files.

📄️ Hidden

The Hidden Field component is used to include hidden fields in a form. Hidden fields are not visible to users but can store data that needs to be submitted along with the form.

📄️ Key-Value

The KeyValueControl component handles dynamic key-value pairs in a form, using Material-UI's Accordion component for better organization and user experience.

📄️ Multi Select

The multiselect component can be used, to select multiple values, using the mui autocomplete component.

📄️ Multitext

A textbox that take multiple text input and renders the value as chip.

📄️ Number

The Number component can be used in any form to provide a numeric input field. It can be configured to be readonly, disabled, required, and can have a placeholder, helper text, and default value.

📄️ Object

The Object component handles nested form structures, allowing users to add, modify, and manage items dynamically. This component supports nested objects and arrays, making it versatile for complex form data handling. It leverages Material-UI's components to provide a structured and organized user experience.

📄️ Password

The Password component is a text box where characters inside the box are hidden from the user. It has similar properties to the Text component, including configuration options for being readonly, disabled, required, and supporting placeholder, helper text, and default value.

📄️ Phone Input

The Phone Input component can be used to capture and validate phone number from the user.

📄️ Radio Buttons

List of buttons that allows the user to select one option from a list of options.

📄️ Radio

The Radio component can be used in any form to provide a set of radio buttons.

📄️ Section

The Text component can be used in any form to provide a text field. It can be used for single-line text input fields.

📄️ Select

The select field is used to display a dropdown in the form.

📄️ Slider Component

The Slider component allows for the adjustment of a numerical value within a defined range using a graphical slider interface. It is built using Material-UI components and integrates seamlessly with forms managed by React Hook Form.

📄️ Text

The Text component can be used in any form to provide a text field for single-line inputs. It can be configured to be readonly, disabled, required, and can have a placeholder, helper text, and default value.

📄️ Textarea

The Textarea component can be used in any form to provide a multi-line text input field. It has similar properties to the Text component, including configuration options for being readonly, disabled, required, and supporting placeholder, helper text, and default value.

📄️ Toggle

The Toggle component is a customizable switch control designed to be used in forms.

📄️ URL

The Number component can be used in any form to provide a numeric input field. It can be configured to be readonly, disabled, required, and can have a placeholder, helper text, and default value.