The Inputs category contains all components that allow users to provide text, numeric, or choice-based data into the application. These components support validations, actions, layout settings, and styling, making them flexible for form building, data entry, and multilingual applications.
1. Text Inputs
Input
A standard text input field for single-line data entry.
- Supports placeholder, default value, and states (read-only, disabled, hidden).
- Events:
onChange,onBlur - Validations: required, custom, email, URL, etc.
📘 See Input Documentation
Localized Input
Designed for multilingual applications.
- Displays input fields for all available languages.
- Stores values in JSON format with language codes as keys.
{ "en": "Hello", "tr": "Merhaba" }
📘 See Localized Input Documentation
2. Numeric Inputs
InputNumeric
A numeric input with formatting options.
- Supports step increments, spin buttons, and clear button.
- Format options: decimal, percent, currency, exponential, large numbers (K, M, B, T).
📘 See InputNumeric Documentation
Slider
A visual control for selecting numeric values within a range.
- Configurable min, max, step, and value label display.
📘 See Slider Documentation
3. Selection Inputs
Checkbox
A single checkbox for boolean selection.
- States: checked, indeterminate, required.
- Supports custom icons and label placement.
📘 See Checkbox Documentation
CheckboxGroup
A group of checkboxes for multiple selections.
- Modes: manual or mapped (dynamic data source).
- Supports horizontal or vertical layout.
📘 See CheckboxGroup Documentation
RadioGroup
A group of radio buttons for single selection.
- Modes: manual or mapped.
- Supports horizontal or vertical layout.
📘 See RadioGroup Documentation
Switch
A toggle for binary states (on/off).
- Configurable color and label placement.
📘 See Switch Documentation
ToggleButtonGroup
A group of toggle-style buttons for single or multiple selection.
- Modes: manual or mapped (with icons and labels).
📘 See ToggleButtonGroup Documentation
4. ComboBox Inputs
ComboBox
A searchable dropdown input.
- Modes: manual or mapped.
- Advanced options: autocomplete, auto highlight, localized, clearable, loading.
📘 See ComboBox Documentation
MulticolumnComboBox
A dropdown input with multiple columns for richer data display.
- Data source supports multiple fields (id, name, surname).
- Columns customizable (width, alignment, sorting, filtering, appearance).
📘 See MulticolumnComboBox Documentation
5. Common Features
All input components share several Common Properties:
- 📐 Layout → Responsive sizing and spacing
- 🎨 Style → Custom CSS styling
- ⚡ Actions → Bind events like
onChange,onBlur,onClick - ✅ Validations → Built-in and custom validation rules
📘 See Common Properties
✅ The Inputs category provides a wide range of components to capture user data — from simple text fields to advanced multilingual inputs and dynamic data-driven selectors. Together, they form the foundation for building robust forms and interactive UIs.