📄️ Button Group
The Button Group component offers a flexible way to present a set of action buttons in a single row or column layout. With options for layout orientation, spacing, and complete styling control, it’s ideal for organizing grouped actions in a visually consistent manner.
📄️ Button
The Button component adds a clickable button to your form. Buttons trigger actions - submitting the form, resetting fields, opening a dialog, navigating to another page, or running a custom script. Every button has a label, an optional icon, and an Action Configuration that controls exactly what happens when the user clicks it.
📄️ Checkbox
The Checkbox component provides a simple control that lets users make a binary choice - checked or unchecked. It binds to a boolean field on your entity.
📄️ Checkbox Group
The Checkbox Group component allows users to select one or multiple options from a list. Whether you're letting users choose their interests or settings, this component brings clarity and control with every click.
📄️ Date Field
The Date Field component offers users a clean, flexible way to select dates, times, or ranges. It includes support for various picker modes, time formats, and detailed validation options.
📄️ Dropdown
The Dropdown component lets users pick one or more values from a list. The list can be a fixed set of label/value pairs you define yourself, or a reference list defined on the backend, and the component can display its selected values as plain text or as coloured tags.
📄️ NumberField
The NumberField component is an input for numeric data entry. It supports minimum/maximum bounds, a configurable step increment, optional high-precision decimals, and a prefix or suffix (text or icon) shown alongside the value, such as a currency symbol or unit.
📄️ Radio
The Radio component lets users pick a single option from a small, always-visible set of choices. Its options can come from a fixed list you type in, a reference list, or a URL you fetch at runtime.
📄️ Rate
The Rate component lets users give a star (or custom icon) rating by clicking one of a row of repeated icons. It binds to a numeric field on your entity.
📄️ Slider
The Slider component lets users pick a whole number by dragging a handle along a track, between a minimum and maximum bound. It binds to an integer field on your entity.
📄️ Switch
The Switch component gives users a simple ON/OFF toggle. It binds to a boolean field on your entity.
📄️ Text Area
The Text Area component allows users to input multiple lines of text. It is commonly used when you need to collect longer-form textual information, such as user comments, messages, or any other type of free-form text. The Text Areacomponent provides a larger input area compared to a single-line Text Field component.
📄️ Text Field
The Text Field component provides a clean, customizable input for short strings like names, titles, or search queries. It supports various formatting options, validation rules, and interactive behaviors such as placeholders, tooltips, and live feedback. Ideal for capturing brief, user-entered information, it can be tailored for read-only displays, inline editing, or integrated seamlessly within larger forms.
📄️ Time Picker
The Time Picker component allows users to select a time with precision and flexibility. Customize it for 12-hour or 24-hour formats, step increments, and optional range selection.