FieldCombobox
A combobox component that allows the user to select a value from a list of options with search/filter functionality.
Basic Usage
Single Select
A basic combobox with search functionality.
Selected: none
Multi Select
Multiple Selection
Allow selecting multiple values.
Selected: none
With Groups
Grouped Items
Organize items into groups with headings.
Loading State
With Loading Indicator
Show a loading state while fetching data.
API Reference
FieldCombobox
| Prop | Type | Default | Description |
|---|---|---|---|
type | "single" | "multiple" | - | Selection mode (required) |
value | string | string[] | - | Selected value(s) |
inputValue | string | "" | Search input value |
open | boolean | false | Controlled open state |
disabled | boolean | false | Disable the combobox |
FieldComboboxItem
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | Item value (required) |
label | string | - | Text for filtering |
disabled | boolean | false | Disable the item |
FieldComboboxContent
| Prop | Type | Default | Description |
|---|---|---|---|
side | "top" | "bottom" | "left" | "right" | "bottom" | Dropdown position |
sideOffset | number | 4 | Distance from trigger |
class | string | - | Additional CSS classes |