Form Components
Form components handle data input and validation: text fields, selectors, switches, file uploads, and more.
Input fields
| Component | Description |
|---|---|
| Input | Text field with prefix, suffix and icons |
| NumberInput | Numeric field with buttons, bounds and format |
| Autocomplete | Free text with suggestions |
| DatePicker | Date field with a calendar |
| Calendar | Month grid to pick a day |
| Textarea | Text area with counter and auto-resize |
| Password | Password field with validation and progress bar |
Selection
| Component | Description |
|---|---|
| SelectBox | Dropdown list with single or multiple selection |
| RadioGroup | Radio group for single selection with display modes |
| Checkbox | Single checkbox with a mixed state |
| CheckboxGroup | Checkbox group for multiple selection with display modes |
| Switch | On/off switch with optional labels |
Values and files
| Component | Description |
|---|---|
| Slider | Slider for numeric values with markers |
| FileUpload | File upload with drag & drop and preview |
Structure and validation
| Component | Description |
|---|---|
| FormField | Field wrapper with label, message and validation state |
| FormFieldGroup | Field group with configurable spacing and direction |