📄️ Components
By clicking on the pencil icon next to the UI Builder Preview, we can go to the UI Builder page.
📄️ Button component
A button is a user interface element that, when interacted with—typically through clicking or tapping—triggers a predefined action or event. Buttons are commonly used to initiate processes, submit forms, navigate between pages, or perform other specific tasks, providing a fundamental mechanism for user interaction in graphical interfaces.
📄️ Container component
A container is like a box that holds and organizes things in a neat way on a computer screen. It helps keep everything organized and arranged properly so that users can easily see and interact with the content.
📄️ Checkbox component
A checkbox is a small box on a computer screen that you can click or tap to either select or deselect an option. It's commonly used in forms or settings to indicate choices or preferences, allowing users to make multiple selections or confirm a single choice.
📄️ Date component
A date component is a tool that lets you pick both a date and a time. It's commonly used in applications where you need to specify not just the day, but also the exact time, such as scheduling events or setting deadlines. Users can interact with the component to choose a specific date and time from a calendar or input them directly.
📄️ Dropdown component
A dropdown component is a user interface element that presents a list of options when clicked or tapped. Users can then select one option from the list, and the chosen value is displayed. It's a space-efficient way to manage and present a range of choices, often used in forms or settings to streamline user input.
📄️ File upload component
The File Upload component enables users to select and submit files through a graphical interface. It allows the uploading of documents, images, or other file types from the user's device to a designated location, often used in forms or applications that require user-contributed files.
📄️ Image component
The Image Component is a graphical element that displays visual content, typically pictures or illustrations, within a user interface. It allows to integrate images into the applications, enhancing the visual appeal and conveying information through graphics.
📄️ Listview component
The ListView component is a user interface element that presents a scrollable list of items. It's commonly used to display and navigate through sets of data, such as a list of orders, items, or any other related information. Users can typically scroll through the list to view and interact with individual items.
📄️ Radio component
The Radio Component is a user interface element that presents a set of options, allowing users to choose a single selection from the available list. It's represented by circular buttons, and only one option can be selected at a time. Radios are commonly used in forms and surveys where users need to make a single-choice selection from a list of mutually exclusive options.
📄️ Rating component
The Rating Component is a user interface element that allows users to express their opinion or satisfaction by assigning a numerical or symbolic rating to a product, service, or content. Typically displayed as a set of stars, users can click or tap to select their preferred rating, indicating their level of approval or liking. It's commonly used in feedback systems, reviews, and surveys to gauge user sentiment.
📄️ Text component
The Text Component is a basic element in a user interface used to display and present text. It serves as a container for textual information, allowing to showcase content, messages, or labels within an application or webpage. The Text Component is versatile, supporting the display of static text, dynamic data, or user-generated content.
📄️ Textarea component
The Textarea Component is a user interface element that provides a larger area for users to input and edit multiline text. It's commonly used in forms or applications where users need to provide more extensive comments, descriptions, or other types of free-form text. Users can enter and manipulate text within the resizable text box, and the entered content can be submitted or processed as needed.
📄️ TextField component
The TextField Component is a user interface element designed for single-line text input. It's commonly used in forms or applications where users can enter brief pieces of information, such as names, email addresses, or search queries. The TextField allows users to input and edit text in a compact, single-line format.
📄️ Time component
The Time Component is a user interface element that allows users to select or input specific time values. Often used in applications or forms where time-related data is essential, this component enables users to choose hours and minutes, and sometimes seconds, providing a structured way to capture and manipulate time information.