ποΈ 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 offers users a sleek and powerful way to select one or more options from a list. It supports custom data sources, label/value configuration, and advanced filtering.
ποΈ Number Field
The Number Field component is a numeric input, letting users enter and edit numbers with a configurable minimum/maximum range and an increment step, with optional high-precision decimal support. When the form is read-only, it displays the number pre-formatted instead of as an editable input.
ποΈ Radio
The Radio component lets a user pick exactly one option from a small set of choices, shown as a group of radio buttons. Use it instead of a Dropdown when there are only a handful of options and you want all of them visible at once, so the user can compare them without opening a menu.
ποΈ 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 numeric value by dragging a handle along a track, between a minimum and maximum bound. It binds to a numeric field on your entity.
ποΈ Switch
The Switch component is a simple, stylish way to toggle a boolean field between ON and OFF. Use it for feature flags, settings, and any yes/no field where a toggle reads more naturally than a checkbox.
ποΈ 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.